jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了为什么我的jquery ajax表单在第一次提交时提交一次,在第二次提交时提交两次……?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个简单的 AJAX表单,它在我提交时可以正常工作.但是,如果我然后将新数据输入到相同的表单中(不刷新@L_874_3@),则它会提交表单两次.如果我第三次这样做,那么它会三次提交表单,依此类推.它为什么这样做?这是我的代码

$(document).ready(function(){
    $("#myForm").submit(function() {
        var myField = $('#myID).val();
        $.ajax({
            type: "POST",url: 'myFile.PHP',dataType: 'html',data: {myData:myFielD},success: function(data){
                alert(data);
            }
        });

        return false;
    });
});

解决方法

甚至在开发AJAX登录表单时我也遇到了同样的问题.谷歌搜索几个小时后,我找到了解决方案.我希望这能帮到你.

基本上,在ajax请求完成后,您必须取消绑定表单提交操作的当前实例.
所以在返回false之前添加这一行;

$("#myform").unbind('submit');

因此,您的整个代码应该是这样的

$(document).ready(function(){
        $("#myForm").submit(function() {
            var myField = $('#myID).val();
            $.ajax({
                type: "POST",success: function(data){
                    alert(data);
                }
            });

            /* Add this line */
            $("#myform").unbind('submit');
            return false;
        });
    });

大佬总结

以上是大佬教程为你收集整理的为什么我的jquery ajax表单在第一次提交时提交一次,在第二次提交时提交两次……?全部内容,希望文章能够帮你解决为什么我的jquery ajax表单在第一次提交时提交一次,在第二次提交时提交两次……?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。