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

尝试：

echo( json_encode( $username ) );
exit( 1 );

Answer 2

嘿，你可以使用以下代码

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"];
?>

Answer 3

您需要更正您的AJAX代码，并在PHP代码中将类型从GET更改为POST，因此，最终代码将类似于 -

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

PHP代码： -

$username_vuln = $_POST["user"];
$username = htmlspecialchars($username_vuln);
echo json_encode($username);

Answer 4

Change Get to Post.

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

Php code first try to get response.

$username_vuln = $_POST["user"];

$ username = htmlspecialchars（$ username_vuln）; echo $ username;出口;

将数据发送到php文件AJAX

4 个答案: