{"flag":true,"single":true,"pageTitle":"Cancel the previous requests if a new request using ajax made in javascript","post":{"id":42,"user_id":"1","slug":"cancel-the-previous-requests-if-a-new-request-using-ajax-made-in-javascript-xdnj","title":"Cancel the previous requests if a new request using ajax made in javascript","body":"<p>Ajax function<\/p>\r\n<pre class=\"language-markup\"><code>&lt;script&gt;\r\nvar xhr =null;\r\nfunction js_ajax(url, method, data, successCallback, errorCallback) {\r\n  if (xhr !== null &amp;&amp; xhr.readyState !== 4) {\r\n    xhr.abort();\r\n  }\r\n  xhr = new XMLHttpRequest();\r\n  xhr.open(method, url);\r\n  xhr.setRequestHeader('Content-Type', 'application\/json');\r\n  xhr.onload = function() {\r\n    if (xhr.status === 200) {\r\n      successCallback(xhr.responseText);\r\n    } else {\r\n      errorCallback(xhr.statusText);\r\n    }\r\n  };\r\n  xhr.onerror = function() {\r\n    errorCallback(xhr.statusText);\r\n  };\r\n  xhr.send(JSON.stringify(data));\r\n}\r\n&lt;\/script&gt;<\/code><\/pre>\r\n<p>Function Testing<\/p>\r\n<pre class=\"language-markup\"><code>&lt;script&gt;\r\njs_ajax(\"test1\", 'GET', {}, function(response) {});\r\njs_ajax(\"test2\", 'GET', {}, function(response) {});\r\n js_ajax(\"test3\", 'GET', {}, function(response) {}); \/\/only this will give responce\r\n&lt;\/script&gt;<\/code><\/pre>","category_id":"12","is_private":"0","created_at":"2023-03-23T23:05:10.000000Z","updated_at":"2023-03-23T23:05:10.000000Z","category":{"id":12,"user_id":"1","name":"Javascript","slug":"javascript-xplw","parent_id":null,"created_at":"2023-03-23T02:24:43.000000Z","updated_at":"2023-03-23T02:24:43.000000Z"},"user":{"id":1,"name":"R GONDAL","email":"rizikmw@gmail.com","email_verified_at":null,"two_factor_confirmed_at":null,"current_team_id":"1","profile_photo_path":null,"created_at":"2023-03-12T10:49:33.000000Z","updated_at":"2025-01-10T12:59:00.000000Z","profile_photo_url":"https:\/\/ui-avatars.com\/api\/?name=R+G&color=7F9CF5&background=EBF4FF"}},"pageDesc":"Ajax function &lt;script&gt; var xhr =null; function js_ajax(url, method, data, successCallback, errorCallback) {   if (xhr !== null &amp;&a - Cancel the previous requests if a new request using ajax made in javascript (Updated: March 23, 2023) - Read more about Cancel the previous requests if a new request using ajax made in javascript at my programming site [SITE]","categories":[]}