每次提交表单时,页面都会刷新,并且 .ajax 会引发 error。是什么原因造成的? 我知道我肯定把表单值正确传递给了Jquery,并且 newcomment.php 照常运行。我可以向其中发布常规表单,但不能与jquery一起发布。
function postPhotoComment() {
var comment = $("#comment").val();
var album = $("#album").val();
var photo = $("#photo").val();
var dataString = "comment="+comment+"&album="+album+"&photo="+photo;
$.ajax({
type: "POST",
url: "/includes/actions/photo-gallery/newcomment.php",
data: dataString,
success: function(res) {
alert("Posted!");
}
error: function(res) {
alert("Error!");
}
})
}
这是我的html表单:
<form>
<textarea id="comment" placeholder="Post Comment..."></textarea>
<input id="album" type="hidden" value="<?php echo "$a"?>"/>
<input id="photo" type="hidden" value="<?php echo "$p.$ext"?>"/><br/>
<button id="photo-comment-submit" onclick="postPhotoComment()">Post</button>
</form>
我还注意到,如果输入 name,Chrome会将它们像 GET 变量一样放入网址栏。 次刷新页面后,都会在网址末尾添加?因此,其似乎在尝试定期提交表单?