JQ点击一次按钮发送多个http请求

最新推荐文章于 2025-03-06 10:02:17 发布

原创最新推荐文章于 2025-03-06 10:02:17 发布 · 854 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #jquery

本文记录了一次开发过程中遇到的问题：在一个数据导入界面中，保存按钮会触发多次Ajax请求。通过调整初始化逻辑，解决了按钮事件被多次渲染导致的问题。

记录一次开发过程中遇见的有趣问题：在做一个数据导入界面时，遇见保存按钮会出现一次点击多次发送ajax请求的现象，第几次打开导入界面进行点击就会发送几次请求。
下面是初始代码：

    init:function(){
        if(!this.datatable){//如果table没有渲染
            this.datatable=this.createTable("#import_list");//初始化创建datatable
        }else{
        	this.reLoadTable();
		}
        this.intiViewBtnEvent();//按钮事件渲染，包括保存按钮。
    },

在尝试多种方法后终于觉得应该是渲染了多次的问题，将代码改成下面

    init:function(){
        if(!this.datatable){//如果table没有渲染
            this.datatable=this.createTable("#import_list");//初始化创建datatable
            this.intiViewBtnEvent();//按钮事件渲染，包括保存按钮。
        }else{
        	this.reLoadTable();
		}
    },