0

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

这是我的 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;

?>
4

2 回答 2

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

等等

改变

$pw = $_REQUEST["pw"];

至

$pw = $_REQUEST["password"];

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

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

于 2012-05-24T23:09:33.567 回答
1 
$(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);
?>
于 2012-05-24T23:30:01.343 回答