Decrease coding lines using AjaxSetup

How do we write out Ajax Call usually

NORMAL AJAX CALL

view plaincopy to clipboardprint?

1. $.ajax({  
2.         type: 'POST',  
3.         url: 'handler.ashx',  
4.         contentType: 'application/json',  
5.         dataType: 'json',  
6.         processData: false,  
7.         data: "{}",  
8.         //Other code  
9.         success: function (response) {  
10.             // Update the UI here to reflect that the request was successful.  
11.             var result = eval('(' + response.d + ')');  
12.         },  
13.         error: function (xmlHttpRequest, textStatus, errorThrown) {  
14.             if (xmlHttpRequest.readyState == 0 || xmlHttpRequest.status == 0)  
15.                 return true;  // it's not really an error ***Browser reload or exit  
16.             else {  
17.                 // Update the UI here to reflect that the request was unsuccessful  
18.                 AJAXERROR('[function NAme]::' + xmlHttpRequest.responseText + '::[thrownerror]::' + errorThrown);  
19.             }  
20.         }  
21.            
22.     });  

$.ajax({ type: 'POST', url: 'handler.ashx', contentType: 'application/json', dataType: 'json', processData: false, data: "{}", //Other code success: function (response) { // Update the UI here to reflect that the request was successful. var result = eval('(' + response.d + ')'); }, error: function (xmlHttpRequest, textStatus, errorThrown) { if (xmlHttpRequest.readyState == 0 || xmlHttpRequest.status == 0) return true; // it's not really an error ***Browser reload or exit else { // Update the UI here to reflect that the request was unsuccessful var fnName = arguments.callee.toString(); fnName = fnName.substr('function '.length); fnName = fnName.substr(0, myName.indexOf('(')); alert('[function NAme]::' + xmlHttpRequest.responseText + '::[thrownerror]::' + errorThrown); } } });

Now lets take advantage of the jQuery.ajaxSetup() using this function you can predefine you common code in the Ajax call
Now i will take my normal code and use it in Ajax Setup

ajaxSetup CALL

view plaincopy to clipboardprint?

1. $.ajaxSetup({  
2.     type: 'POST',  
3.         contentType: 'application/json',  
4.         dataType: 'json',  
5.         processData: false,  
6.         data: "{}",  
7.     error: function (xmlHttpRequest, textStatus, errorThrown) {  
8.             if (xmlHttpRequest.readyState == 0 || xmlHttpRequest.status == 0)  
9.                 return true;  // it's not really an error ***Browser reload or exit  
10.             else {  
11.                 // Update the UI here to reflect that the request was unsuccessful  
12.         var fnName = arguments.callee.toString();  
13.         fnName = fnName.substr('function '.length);  
14.         fnName = fnName.substr(0, myName.indexOf('('));  
15.                 alert('' + xmlHttpRequest.responseText + '::[thrownerror]::' + errorThrown);  
16.             }  
17.         }  
18. });  

$.ajaxSetup({ type: 'POST', contentType: 'application/json', dataType: 'json', processData: false, data: "{}", error: function (xmlHttpRequest, textStatus, errorThrown) { if (xmlHttpRequest.readyState == 0 || xmlHttpRequest.status == 0) return true; // it's not really an error ***Browser reload or exit else { // Update the UI here to reflect that the request was unsuccessful var fnName = arguments.callee.toString(); fnName = fnName.substr('function '.length); fnName = fnName.substr(0, myName.indexOf('(')); alert('' + xmlHttpRequest.responseText + '::[thrownerror]::' + errorThrown); } } });

I use same error function to all so i have added it if you dont need it You can remove it or override it in the Ajax Call Later
As you can see i Have defined most of my Ajax options in the ajaxSetup.Now lets See how the Ajax Call reduces

minified Ajax CALL

view plaincopy to clipboardprint?

1. $.ajax({  
2.            
3.         url: 'handler.ashx',  
4.         //Other code  
5.         success: function (response) {  
6.             // Update the UI here to reflect that the request was successful.  
7.             var result = eval('(' + response.d + ')');  
8.             //Do needed  
9.         }  
10.     });  

$.ajax({ url: 'handler.ashx', //Other code success: function (response) { // Update the UI here to reflect that the request was successful. var result = eval('(' + response.d + ')'); //Do needed } });

As you can see we have reducd almost 12 line of code
if we have 10 ajax functions then 12*10 = 120-12=108lines
the size of the file may not decrese by huge.but we can save the last few bytes of Javascript file.
Please provide your FeedBack will meet you in next Post