为什么表格提交多次一次按回车键?

时间:2014-03-23 12:20:46

标签: javascript jquery ajax forms

我是开发人员,但我遇到了带有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();
        }
    });         
});

0 个答案:

没有答案