关闭模式后多次加载jQuery ajax

关闭模式后多次加载jQuery ajax,jquery,ajax,Jquery,Ajax,我集成了一个引导模式并包含一个.js文件。js文件的内容如下所示。js文件用于调用Ajax。当我按下LoadMore按钮时,它会触发ajax函数一次,这很好。但是,一旦我关闭模态并再次打开它,然后单击LoadMore按钮,它就会启动ajax函数两次。如果我关闭模式并再次打开它,然后单击LoadMore按钮,ajax函数将启动三次。我的问题是:如果单击“加载更多”按钮,如何只加载一次ajax函数?情景应该是: 我点击LoadMore并调用ajax 我关闭了modal,然后再次打开它。我点击了Loa

我集成了一个引导模式并包含一个.js文件。js文件的内容如下所示。js文件用于调用Ajax。当我按下LoadMore按钮时,它会触发ajax函数一次,这很好。但是,一旦我关闭模态并再次打开它,然后单击LoadMore按钮,它就会启动ajax函数两次。如果我关闭模式并再次打开它,然后单击LoadMore按钮,ajax函数将启动三次。我的问题是:如果单击“加载更多”按钮,如何只加载一次ajax函数?情景应该是:

  • 我点击LoadMore并调用ajax

  • 我关闭了modal,然后再次打开它。我点击了LoadMore按钮和ajax fire(仅一次)。如果我再次单击LoadMore按钮,它将再次调用ajax函数

  • 等等

    $(文档).ready(函数(){
    $(文档).on('click','btn more',函数(){
    var id=$(this.data('id');
    var token_csrf=$(“#csrfToken”).val();
    var base_path_loadata=$(“输入[name='base_path_loadata'])).val();
    $(“#btn more”).html(“加载…”);
    $.ajax({
    url:base\u path\u loadata,
    方法:“张贴”,
    数据:{id:id,_-token:token\u-csrf},
    数据类型:“文本”,
    成功:功能(数据)
    {
    如果(数据!='')
    {
    $(“#删除行”).remove();
    $(“#加载数据”)。追加(数据);
    }
    其他的
    {
    $('#btn more').html(“无数据”);
    }
    }
    });
    });  
    });
    
    
    加载更多
    
    当前,每次打开模式(并加载脚本)时都会添加一个事件处理程序。使用
    off('click')
    删除上一个事件处理程序:

    $(document).off('click','#btn-more').on('click','#btn-more', function...)
    

    当前,每次打开模式(并加载脚本)时都会添加一个事件处理程序。使用
    off('click')
    删除上一个事件处理程序:

    $(document).off('click','#btn-more').on('click','#btn-more', function...)
    

    如果您将您的侦听器更改为
    $(“#btn more”)。在('click',function()
    @Gezzasa)上会发生同样的情况!如果您将您的侦听器更改为
    $('#btn more')。在('click',function()
    @Gezzasa)上会发生同样的情况!工作!非常感谢您。工作!非常感谢您。