首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

jQuery如何在ajax回调后重新绑定此事件?

在jQuery中,要在ajax回调后重新绑定事件,可以使用.on()方法。首先,确保在DOM元素上绑定事件时使用委托,这样在DOM更新后,新添加的元素也可以自动绑定事件。

以下是一个示例:

代码语言:javascript
复制
// 假设我们有一个按钮,点击后发起ajax请求,并在请求成功后重新绑定事件
$("#container").on("click", ".myButton", function() {
  $.ajax({
    url: "your-url",
    success: function(data) {
      // 处理数据

      // 重新绑定事件
      $("#container").on("click", ".myButton", function() {
        // 事件处理逻辑
      });
    }
  });
});

在这个示例中,我们使用#container作为委托元素,当.myButton被点击时触发事件处理函数。在ajax请求成功后,我们再次使用$("#container").on("click", ".myButton", function() {...});重新绑定事件。这样,在DOM更新后,新添加的.myButton元素也会自动绑定事件。

推荐的腾讯云相关产品:

  • 腾讯云COS:一个高速、可靠、安全、易用的云存储服务。
  • 腾讯云CLB:一个高性能、可靠、安全的负载均衡服务,可以帮助您在云计算环境中实现负载均衡。
  • 腾讯云CDB:一个易用、稳定、安全、高性能的关系型数据库服务,支持MySQL和MariaDB。

请注意,这些产品可能不是针对此问题的最佳解决方案,但它们是腾讯云提供的常见云计算服务。在实际应用中,您可能需要根据具体需求选择合适的产品。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

jQuery

方式1:jQuery对象[index] 方式2:jQuery对象.get(index) 3.在3.0版本jQuery的页面加载成功事件无顺序,是随机的 jQuery2.0前(不含2.0)1.11版本用的多...function(){}); 要将jq代码写在head标签中,那么要保页面加载成功才能使用jq的事件jQuery对象.事件名称(fun(){}),完成绑定!...key2=value2 格式2:json格式{"key1":value1,"key2":value2} fn:函数 (ajax请求执行完成调用的函数)function(data){//data:响应回来的数据...({url,[settings]}) | url:请求路径 | type:请求方式 | data:请求参数 | success:请求成功函数 error:请求失败时调用函数 | dataType...4.新增签名方式:(3.版本新增) $.get({[settings]}); url:请求路径 | data:请求参数 | success:请求成功函数 error:请求失败时调用函数 | dataType

4.3K20
  • 一个小时学会jQuery

    并且必须返回新的数据(可能是处理过的)传递给success函数。 success 当请求之后调用。传入返回的数据,以及包含成功代码的字符串。...随后服务器端返回的数据会根据这个值解析,传递给函数。可用值: "xml": 返回 XML 文档,可用 jQuery 处理。...使用 JSONP 形式调用函数时, "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行函数。...这主要用来让jQuery生成度独特的函数名,这样管理请求更容易,也能方便地提供函数和错误处理。你也可以在想让浏览器缓存GET请求的时候,指定这个函数名。...  success(data, textStatus, jqXHR)   Function,Array 请求成功函数。

    18.5K71

    jQuery ajax - ajax() 方法jQuery ajax - ajax() 方法

    设置为 false 将不缓存页面。 jQuery 1.2 新功能。 complete(XHR, TS) 类型:Function 请求完成函数 (请求成功或失败之后均调用)。...随后服务器端返回的数据会根据这个值解析,传递给函数。可用值: "xml": 返回 XML 文档,可用 jQuery 处理。...使用 JSONP 形式调用函数时, "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行函数。...设置为 false 将不会触发全局 AJAX 事件 ajaxStart 或 ajaxStop 可用于控制不同的 Ajax 事件。...success 类型:Function 请求成功函数。 参数:由服务器返回,并根据 dataType 参数进行处理的数据;描述状态的字符串。 这是一个 Ajax 事件

    14.5K30

    jQuery 教程

    >使用 jQuery AJAX 修改文本 获取外部文本 可选的 callback 参数规定当 load() 方法完成所要允许的函数...> jQuery AJAX 方法 AJAX 是一种与服务器交换数据的技术,可以在不重新载入整个页面的情况下更新网页的一部分。...jQuery.Callbacks() 函数,返回一个多功能对象,对象提供了一种强大的方法来管理列表。...方法 描述 $.Callbacks() 一个多用途的列表对象,用来管理函数列表 callbacks.add() 在列表中添加一个的集合 callbacks.disable() 禁用回列表中的函数...() 锁定当前状态的列表 callbacks.locked() 判断列表是否被锁定 callbacks.remove() 从列表中的删除一个调集合 jQuery 延迟对象 在jQuery

    17K20

    防抖和节流 原

    浏览器的一些事件:resize,scroll,keydown,keyup,keypress,mousemove等。这些事件触发频率太过频繁,绑定在这些事件上的函数会不停的被调用。...会加重浏览器的负担,导致用户体验非常糟糕,不知哪个大神发明了防抖和节流,用来控制函数的次数。...,每隔一定时间(200ms)执行一次事件处理函数 先执行throttle(handle, 1000)返回一个匿名函数,然后触发scroll事件时执行返回的匿名函数,即未滚动的时候已经执行了throttle...('keyup', function() { throttleAjax(this.value) }) 防抖和节流的区别: 防抖是根据事件间隔是否大于设定的值来决定函数是否执行...(取决于事件间隔,或者最后一次滚动); 节流是根据事件不停触发时时间间隔大于设定的值才执行函数(每隔多少秒执行一次); 公众号:前端之攻略 (adsbygoogle = window.adsbygoogle

    70440

    jQueryAjax开发步骤

    一、jQueryAjax编程 1.回顾传统Ajax开发步骤 ①:创建xmlHttpRequest对象 var xmlHttp = creatHttpRequest(); ②:绑定函数 xmlHttp.onreadystatechange...} } 2.jQueryAjax开发 jQuery提供了最底层的Ajax调用方法:$.ajax $.ajax{ type:”POST” url: “some.php” data: "name=John...①:load方法 load方法是jQuery中最为简单和常用的Ajax方法,处理HTML片段方法最为合适。...过没有参数的传递,采用GET方式传递,否则采用POST方式 练习一:校验用户名是否存在 练习在第五章的第三小节有实现代码,这里使用jQuery的方式进行简要的列出核心代码: $(function()...访问服务器地址 parameter 代表请求参数 function 函数 data 代表从服务器返回数据内容 这里data代表各种数据内容 : HTML片段、JSON、XML 如果传递参数给服务器使用

    1.2K60

    jqueryajax参数详解

    设置为 false 将不缓存页面。 jQuery 1.2 新功能。 complete(XHR, TS) 类型:Function 请求完成函数 (请求成功或失败之后均调用)。...随后服务器端返回的数据会根据这个值解析,传递给函数。可用值: "xml": 返回 XML 文档,可用 jQuery 处理。...使用 JSONP 形式调用函数时, "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行函数。...设置为 false 将不会触发全局 AJAX 事件 ajaxStart 或 ajaxStop 可用于控制不同的 Ajax 事件。...success 类型:Function 请求成功函数。 参数:由服务器返回,并根据 dataType 参数进行处理的数据;描述状态的字符串。 这是一个 Ajax 事件

    2.1K30

    java学习与应用(4.6)--过滤器、监听器、JQueryAJAX、JSON等

    监听器 Listener监听器:注册监听:将事件事件源、监听器绑定在一起。当事件源 上发生某个事件,执行监听器代码。...其他方法见jquery手册clone方法。 JQuery的动画 JQuery的动画,遍历方法,事件绑定。动画使用见图片。...事件绑定:jq对象.事件方法(函数[去掉on的一群方法,不传入函数则执行自动触发对应事件])(可以使用链式编程),jq对象.on(绑定事件,传入事件名称和函数).off(解绑,传入事件,不传入则解绑全部事件...) , jq对象.toggle事件切换,传入多个函数轮流执行各个函数(jq3.0以上版本需要引入插件,该方法位于低版本中)。...\$.ajax()中传入{}键值对,url的请求路径,type的请求方式,date的携带参数字符串或json格式,success的响应成功[返回200]执行的函数,error的发送请求出错执行的函数

    5.4K10

    Speed丨如何快速给网站添加Pjax?

    设置的这些网站的ajax刷新是支持浏览器历史的, 刷新页面的同时, 浏览器地址栏位上面的地址也是会更改, 用浏览器的回退功能也能够回退到上一个页面。Pjax是可以增加访客打分的好功能。...为何要添加功能? 1.有助于提升访问质量。 2.极大地减小了服务器的资源消耗。 如何添加? ①  检查你的网站是否引入1.7.0版本以上的jquery.js,如果没有请全局引入。...绑定本页面非新窗口打开的所有本域链接,链接点击,替换contentleft容器内容为新内容contentleft,ajax超时时间8秒     $(document).pjax('a...问题比如:pjax之后多说评论框不加载,ajax评论不能提交等等问题。 问题原因:原先容器绑定事件被新容器替换掉了,新容器的div没有绑定事件,所以点击无效。...解决方法:利用pjax的加载完成函数,重新绑定事件

    1.8K40

    jQueryajax详解

    这是一个 Ajax 事件。如果返回 false 可以取消本次 ajax 请求。...GET 请求中将附加在 URL 。查看 processData 选项说明以禁止自动转换。必须为 Key/Value 格式。如果为数组,jQuery 将自动为不同值对应同一个名称。...success 类型:Function 请求成功函数。 参数:由服务器返回,并根据 dataType 参数进行处理的数据;描述状态的字符串。 这是一个 Ajax 事件。...jsonpCallback 类型:String 为 jsonp 请求指定一个函数名。这个值将用来取代 jQuery 自动生成的随机函数名。...这主要用来让 jQuery 生成度独特的函数名,这样管理请求更容易,也能方便地提供函数和错误处理。你也可以在想让浏览器缓存 GET 请求的时候,指定这个函数名。

    2.3K00

    jQuery进阶前言

    前言: 在《jQuery入门》一文中,记录了jQuery选择器、属性与样式和DOM操作等内容,本文将对jQuery事件以及Ajax相关知识点进行讲解。接下来就一起来学习一下。...4、hover()事件: 这个方法可以同时绑定鼠标一和离开事件,比如: 触发hover事件 // hover()方法是同时绑定 mouseenter和 mouseleave事件。...五、Ajax的应用: Ajax是一种无需重新加载整个网页的情况下,能够更新部分网页的技术,也就是异步更新。...4、$.get(): 使用get()方法时,采用GET方式向服务器请求数据,并通过方法中函数的参数返回请求的数据,它的调用格式如下: $.get(url,function(data){...})...为服务器返回的数据类型,success为请求成功的执行的函数,type为发送数据请求的方式,默认为get。

    2.4K20

    详细解读JqueryAjax函数:$.get(),$.post(),$.ajax(),$.getJSON()

    一,$.get(url,[data],[callback]) 说明:url为请求地址,data为请求数据的列表(是可选的,也可以将要传的参数写在url里面),callback为请求成功函数,该函数接受两个参数...complete Function 请求完成函数 (请求成功或失败时均调用)。 参数: XMLHttpRequest 对象,成功信息字符串。...GET 请求中将附加在 URL 。 查看 processData 选项说明以禁止自动转换。必须为 Key/Value 格式。 如果为数组,jQuery 将自动为不同值对应同一个名称。...使用 JSONP 形式调用函数时, “myurl?callback=?” jQuery 将自动替换 ? 为正确的函数名,以执行函数。...success Function 请求成功函数。

    3.8K100

    史上最详细Ajax学习笔记

    callback:当请求成功函数,可以在函数中编写我们的逻辑代码。 type:预期的返回数据的类型,取值可以是 xml, html, js, json, text等。 代码实现 <!...callback:当请求成功函数,可以在函数中编写我们的逻辑代码。 type:预期的返回数据的类型,取值可以是 xml, html, js, json, text等。 代码实现 <!...success:请求成功时调用的函数。 error:请求失败时调用的函数。 代码实现 <!...callback:当请求成功函数,可以在函数中编写我们的逻辑代码。 type:预期的返回数据的类型,取值可以是 xml, html, js, json, text等。...success:请求成功时调用的函数。 error:请求失败时调用的函数。

    2K10
    领券