javascript - AJAX 发送数据到 php 文件

Question

所以我有一个目标。它有一个实时区域，您可以在其中输入用户名，每次您在输入区域中按 onkeyup() 键时，我希望它将该数据发送到一个 php 文件，该文件将在该文件中返回您刚刚输入的内容并将其显示在我想要的地方。但这并没有如我所愿:P。请帮忙，提前致谢。

JavaScript/jQuery/Ajax 代码

function changeUsername() {
var user = $("#user").val();
$.ajax({
  type: "GET",
  url: "php/return.php",
  data: user,
  cache: false,
  success: function(data){
     $("#username-display").text(data);
  }
});
}

HTML 代码

<div class="container" title="Press enter to submit">
<label>What is your name: </label><input type="text" name="user" required="" maxlength="200" id="user" onkeyup="changeUsername();" /> <br />
You typed: <strong id="username-display"></strong>
<strong id="msg"></strong>
</div>

PHP 代码

<?php
$username_vuln = $_GET["user"];
$username = htmlspecialchars($username_vuln);
echo $username;
?>

如果您需要更多信息来帮助我解决此问题，请告诉我...

Answer 1

嘿，你可以使用以下代码

HTML 代码

    <script type="text/javascript">

    function changeUsername() {
    // var user = $("#user").val();
    $.ajax({
      type: "GET",
      url: "s.php",
      data: {'user':$("#user").val()},
      success: function(data){
         $("#username-display").text(data);

      }
    });
    }

    </script>

    <div class="container" title="Press enter to submit">
    <label>What is your name: </label><input type="text" name="user" required="" maxlength="200" id="user" onkeyup="changeUsername();" /> <br />
    You typed: <strong id="username-display"></strong>
    <strong id="msg"></strong>
    </div>

PHP 代码

<?php
 $username_vuln = $_GET["user"];
 $username = htmlspecialchars($username_vuln);
 echo $_GET["user"];
?>