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>

返回的数据只是一个文本字符串(即成功！或注册问题...)。我认为脚本一定是无限循环的，但是我不确定在哪里或者为什么。当我在没有AJAX的情况下向后端传递正常的POST数据时，后端工作得很好。这就是为什么我认为这一定是客户端的问题。你知道这是怎么回事吗？

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

Answer 2

将其附加到适当的文本标记(<p>或其他任何内容)和document中，而不是直接附加到body中，不是更好吗？

Answer 3

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

另外，如果我没看错的话，你传递的变量是错误的。您可以创建一个supplied_username并传递一个desired_username。这可能不是问题所在吗？