php - ajax请求后得到响应

Question

我是 ajax 新手，但我认为我的问题相当简单。提交表单后，我想让服务器回显给我。这是我当前的代码，它不起作用。我相当确定问题出在我的 ajax 上，因为我知道我的值被放置在 dataString 中。

HTML

<form method="POST" onSubmit="new_user(this);" >
<input type="submit" value="signed" name="astatus" />
<input type="hidden" value="FaKEIdkEy" name="mark_attend" />
</form>

Javascript

function new_user(form){
    var url = "attendance.php";

    var dataString = "status="+form.astatus.value;
    dataString = dataString+"&id="+form.mark_attend.value;

    $.ajax({  
type: "POST",  
url: url, 
data: dataString,  
success: function(data) {
alert(data);
}
});
}

php (attendance.php)

if(!empty($_POST))
{
echo "response";
}

关于如何修复的任何想法？

Answer 1

您应该在函数末尾添加 return false; 以防止表单提交。

function new_user(form) {
    var url = "attendance.php";

    var dataString = "status="+form.astatus.value+"&id="+form.mark_attend.value;

    $.ajax({  
        type: "POST",  
        url: url, 
        data: dataString,  
        success: function(data) {
            alert(data);
        }
    });

    return false;
}