Question

我已尽力为用户复制文件，以便在将信息输入用户和密码文本框时查看显示的消息。但是，消息显示没有发生。

这是我的ajax.html文件：

<html>
<head>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("#button").click(function(){
        var sendu = $("#username").val();
        var sendp = $("#pw").val();
        $.ajax({
            type: "POST",
            url: "ajax.php",
            data: "username="+sendu+"&password="+sendp,
            dataType: "json",
            success: function(msg, string, jqXHR){
                    $("#result").html(msg+string+jqXHR);
                }
            });

    });
});


</script>
</head>
<body>
<input type="text" id="username" name="username" /><br />
<input type="password" id="pw" name="pw" /><p>
<input type="button" id="button" value="Submit" />
<p><div id="result"></div>
</body>
</html>

这是我的ajax.php文件：

<?php

$name = $_REQUEST["username"];
$pw = $_REQUEST["pw"];

$list = array('name'=>$name, 'password'=>$pw);

$c = json_encode($list);

echo $c;

?>

提前感谢您的反馈！

Answer 1

$("#result").html(msg.name + msg.password);

等

更改

$pw = $_REQUEST["pw"];

到

$pw = $_REQUEST["password"];

您正在使用ajax发送变量...并且您已将变量指定为密码，而不是pw（这是您输入的名称）。

并且不要忘记在输入中实际写一些内容，这样你也可以收到一些东西。

Answer 2

$(document).ready(function(){
    $("#button").on('click', function(){
        var sendu = $("#username").val(),
            sendp = $("#pw").val();
        $.ajax({
            type: "POST",
            url: "ajax.php",
            data: {username : sendu, password : sendp},
            dataType: "json",
            success: function(data){
                 $("#result").html(data.name).prepend(data.password);
            }
        });
    });
});

PHP

<?php
    $name = $_POST["username"];
    $pw = $_POST["password"];
    $list = array('name'=>$name, 'password'=>$pw);

    echo json_encode($list);
?>

表格不打印任何东西

2 个答案: