php - AJAX 脚本崩溃浏览器

Question

我正在尝试使用 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>

返回数据只是一串文本（即 Success! 或 Register question....）。我认为脚本必须以某种方式无限循环，但我不确定在哪里或为什么。当我在没有 AJAX 的情况下将正常的 POST 数据传递给后端时，后端工作得很好。这就是为什么我认为这一定是客户端的问题。有什么想法可以在这里发生吗？

Answer 1

将它附加在适当的文本标签（<p>或其他任何东西）和document, 而不是body直接的内部不是更好吗？

Answer 2

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

另外，如果我没看错，你传递了错误的变量。您创建 asupplied_username并传递 a desired_username。这可能不是问题吗？

Answer 3

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

<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>