-3

我想创建一个表单，将数据提交到我的 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>

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

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

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

4

4 回答 4

4

以 key/val 对发送您的数据：

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

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

于 2013-09-12T14:19:35.833 回答
2

我认为这：

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

应该：

$.post("response.php",data1+"&"+data2,function(data){
于 2013-09-12T14:18:29.263 回答
2

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

例如改变

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

至

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

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

于 2013-09-12T14:18:59.117 回答
0

可能是因为您错过$了以下电话：

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

$("#form").hide();
$("#response").html(data);

});
于 2013-09-12T14:21:59.297 回答