JQuery ajax post function不起作用

我想创建一个表单，将数据提交到我的php脚本并将这些数据发布回我的页面。这是我的页面

<!DOCTYPE html>
<html>
    <head>
        <title>AJAX POST</title>
        <script src="jquery.js"></script>
        <script>
            $(document).ready(function(){
                $("input[name="submit"]").click(function(){
                    var username=$("input[name="username"]").attr("value");
                    var password=$("input[name="password"]").attr("value");
                    var data1=encodeURIComponent(username);
                    var data2=encodeURIComponent(password);
                    $.post("response.php",data1+"&"+data2,function(data){
                        $("#form").hide();
                        $("#response").html(data);
                    });
                });
            });
        </script>
    </head>
    <body>
        <div id="form">
            <form action="response.php" method="post">
                <input type="text" name="username" value=""/><br/>
                <input type="password" name="password" value=""/><br/>
                <input type="button" name="submit" value="submit"/>
            </form>
        </div>
        <div id="response"></div>
    </body>
</html>

这是我的服务器端脚本，名为响应.php

<?php
    echo $_POST["username"]."<br/>";
    echo $_POST["password"];
?>

我无法得到预期的结果。请帮忙！

以键/值对的形式发送数据：

$.post("response.php", {username: data1, password: data2} ,function(data){
    $("#form").hide();
    $("#response").html(data);
});

最好不要以纯文本形式存储密码... :D

我认为：

.post("response.php",data1+"&"+data2,function(data){

应该是：

$.post("response.php",data1+"&"+data2,function(data){

您有语法错误，您应该使用浏览器的控制台发现自己。

例如更改

$("input[name="submit"]").click(function(){

自

$('input[name="submit"]').click(function(){

具有语法突出显示的编辑器也会有所帮助，正如您可能已经注意到的那样。

可能是

因为您在以下通话中缺少$：

$.post("response.php",data1+"&"+data2,function(data){
$("#form").hide();
$("#response").html(data);
});

相关内容

最新更新

热门标签：