我是开发人员,但我遇到了带有ajax请求的表单提交问题。我正在开发一个帖子评论系统,其中许多帖子显示在页面墙上。我们可以评论任何帖子。我已经在墙上帖子上实现了分页,其中动态加载了onscroll帖子。
当动态加载帖子时,如果有人想对这些帖子发表评论,评论通常会多次提交。
为什么当我只按一次输入时,评论表单会被多次提交?
我的表单ajax脚本文件,名为wallPartial.js:
if(I != "" && supper_comment_text != "")
{
$.ajax({
type:"GET",
url: siteUrl+"waller/saveSupperCommentCL",
cache: false ,
async : false ,
crossDomain: false,
data: {'post_id' : I, 'supper_comment_text' : supper_comment_text},
dataType: "json",
success: function(ksb)
{
if(ksb.status=="Success")
{ console.log('my message-1');
$.ajax({
type:"GET",
url: siteUrl+"waller/dynRefreshSupperCommentsCL",
data: {'post_id' : I},
contentType : "application/x-www-form-urlencoded; charset=UTF-8",
success: function(ksb_comments_details)
{
$('#supper-comment-editor'+I).val('');
$('li').remove('#UFIRow-CH'+I);
$('#supper-comment-li'+I).before(ksb_comments_details);
$('#UFIRow-CommetedH'+I).hide();
}
});
}
else
{
alert(ksb.msg);
}
}
});
}
return false;
我想再确认一下,上面的脚本被墙分页和墙分页代码多次加载 -
$(document).ready(function(){
function last_post_funtion()
{
var baseUrl = $('#baseUrl').val();
var siteUrl = $('#siteUrl').val();
var act="get";
var ID=$(".postHolder:last").attr("id");
$.ajax({
type: 'POST',
async: false ,
url : siteUrl+'pagination/load_wall_paginationCL',
data: { 'action':act, 'last_post_id':ID },
success: function(data) {
if (data != "") {
$(".postHolder:last").after(data);
if(window.foo == false){
$.getScript(baseUrl+"/js/wallPartial.js", function(data, textStatus, jqxhr){
console.log('Script loaded');
window.foo = false;
});
}
}
}
});
};
$(window).scroll(function(){
if ($(window).scrollTop() == $(document).height() - $(window).height()){
last_post_funtion();
}
});
});