Recently a buddy is doing an Ajax long connection project, the page needs to maintain long connection with the server, and after the connection timeout needs to request the connection again, in the process he asked me to use what, I also wanted not to tell him to use jquery. jquery does not have ajaxsuccess ajaxerror these objects, if the request is completed or request failed after the request to be again not good.
But then he told me that he didn't use JQuery to write his own manual XMLHttpRequest. He told me that the beginning was written in jquery, and that there were no problems during the test. But then inadvertently found that when the page opened for a long time, the browser resources unexpectedly occupy a very high cause of insufficient memory and crashes. Later, the bag analysis found that each jquery Ajax request will create a XMLHttpRequest object, in theory, long connection request is an infinite recursion, the request quantity is very large, but because each request will create a new XMLHttpRequest, And jquery does not automatically recycle resources, so it causes a memory overflow.
By looking at the jquery API, we found that jquery also has a complete object, which is called after the request completes, after the request is completed. At the same time there are two parameters XMLHttpRequest, Textstatus. So, all we need to do is to manually recycle the returned XMLHttpRequest objects after the request is complete, as follows:
Copy Code code as follows:
$.ajax ({
URL: "Http://www.jb51.net",
Data: {name: "xxxx"},
DataType: "xml",
Success:function (data, textstatus) {
Do something ...
},
Complete:function (XHR, TS) {XHR = null}
});
