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>

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

Answer 1

将其添加到正确的文字标记（<p>或其他内容）和document内，而不是body直接附加，会不会更好？

Answer 2

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

另外，如果我看起来正确，你传递错误的变量。您创建了supplied_username并传递了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>

AJAX脚本崩溃了浏览器

3 个答案: