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

You are sending variables with ajax... and you have assigned 至 variable 至 be password, not pw (which is the name of your input).

And don t forget 至 actually write something inside the inputs so you can receive something back also.

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

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

    echo json_encode($list);
?>

友情链接