我试图用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时,后端工作正常。这就是为什么我认为它必须是客户端的问题。有什么想法可以在这里发生吗?
答案 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>