使用jQ Ajax时需要注意的一个问题

开发 后端
通过查看jquery API,发现jquery还有一个complete对象,是请求完成后回调函数。同时有两个参数XMLHttpRequest, textStatus。所以,我们只需要在请求完成后,将传回的XMLHttprequest对象手工回收即可。

最近发现jQuery越来越火,用它的人也越来越多。jQuery***大的亮点莫过于它的CSS3 selector和极其简单的Ajax请求调用。

最近一哥们在做一个Ajax长连接的项目,页面需要和服务器保持长连接,而且在连接超时后需要重新请求连接,过程中他问我要用到什么,我也是想都没想就告诉他用jQuery。jQuery不是有ajaxSuccess  ajaxError这些对象吗,在请求完成或者请求失败后重新请求不就好了。

但是后来他告诉我说没有用 jQuery,自己手工写的XMLhttprequest 。他告诉我说,开始是用jquery写的,而且在测试过程中也没有出现问题。但是在后来无意中发现,在页面开的时候久了之后,浏览器资源竟然占用非常高导致内存不足而崩溃了。后来抓包分析发现,每次jquery的Ajax请求都会创建一个xmlHttprequest对象,理论上讲,长连接的请求是一个无限递归,请求数量是非常大的,但是由于每次请求都会建立一个新的xmlhttprequest,而且jquery不会自动回收资源,所以导致了内存溢出。

通过查看jquery API,发现jquery还有一个 complete对象,是请求完成后回调函数 (请求成功或失败之后均调用)。 同时有两个参数XMLHttpRequest, textStatus。所以,我们只需要在请求完成后,将传回的XMLHttprequest对象手工回收即可,代码如下:

  1. $.ajax({  
  2.     url: "http://www.aizr.net",  
  3.     data: { name: "xxxx" },  
  4.     dataType: "xml",  
  5.     success: function (data, textStatus) {   
  6.        //do something...  
  7.     },  
  8.     complete: function (XHR, TS) { XHR = null }  
  9. }); 

原文链接:http://www.cnblogs.com/kuibono/archive/2012/05/25/2517944.html

【编辑推荐】

  1. 新版jQuery div弹出层的ajax登录
  2. jQuery Ajax请求状态管理器
  3. jQuery插件之Ajax自动完成
  4. 深入浅出JSONP:解决AJAX跨域问题
  5. Ajax应用:使用jQuery和PHP实现功能开关效果
责任编辑:张伟 来源: kuibono的博客
相关推荐

2016-11-24 15:54:06

androidJSONObject

2016-12-26 18:51:34

AndroidJavascriptJSONObject

2024-05-16 15:15:14

2011-05-26 17:37:11

Ajax

2011-07-26 09:19:27

Objective-C 重载

2023-10-04 00:03:00

SQL数据库

2021-02-24 07:40:38

React Hooks闭包

2015-10-08 10:07:29

游戏开发内存使用

2010-06-29 15:54:36

UML建模

2011-12-21 09:54:15

项目经理

2021-02-05 17:35:07

数据高管CIO技术

2020-10-26 14:01:22

Java泛型

2009-04-23 14:30:19

UML建模

2013-09-29 10:36:08

VMware虚拟化

2010-08-09 11:23:24

Flex开发

2010-10-08 09:38:42

mysql修改表

2021-12-30 06:59:28

方法重写面试

2014-01-26 14:24:25

开源项目

2017-03-17 11:00:08

数字化陈勇Gartner

2023-12-13 15:20:45

数据中心云计算人工智能
点赞
收藏

51CTO技术栈公众号