AJAX脚本崩溃了浏览器

时间:2012-06-02 01:15:28

标签: php ajax forms post

我试图用AJAX提交用户注册信息,如下所示:

<script>

$("#submit_btn").click(function() {
event.preventDefault();
var supplied_username = $('#desired_username').val();
var password = $('#password').val();
var email_address = $('#email_address').val();



$.post("register", { desired_username: desired_username, password: password, email_address: email_address } ,
function(data){
    $('body').append(data);
});
});
</script>

返回数据只是一串文本(即成功!或注册问题....)。我认为脚本必须以某种方式无限循环,但我不知道在哪里或为什么。当我将普通POST数据传递给它而没有AJAX时,后端工作正常。这就是为什么我认为它必须是客户端的问题。有什么想法可以在这里发生吗?

3 个答案:

答案 0 :(得分:1)

将其添加到正确的文字标记(<p>或其他内容)和document内,而不是body直接附加,会不会更好?

答案 1 :(得分:1)

我曾尝试在客户端运行AJAX但没有成功,然后尝试使用相同的代码服务器端并成功。可能是这样吗?

另外,如果我看起来正确,你传递错误的变量。您创建了supplied_username并传递了desired_username。可能那不是问题吗?

答案 2 :(得分:1)

我认为你遗漏了一些东西。我认为以下代码是您正在寻找的代码

<script>

$("#submit_btn").click(function(event) {
     event.preventDefault();
     var supplied_username = $('#desired_username').val();
     var password = $('#password').val();
     var email_address = $('#email_address').val();



    $.post("register", { desired_username: supplied_username, password: password, email_address: email_address } , function(data){
           $('body').append(data);
    });
});
</script>