AJAX અને jQuery- હેન્ડલિંગ વિનંતીઓ અને ડેટા ક્રિયાપ્રતિક્રિયા

AJAX(અસિંક્રોનસ JavaScript અને XML) એક એવી તકનીક છે જે સમગ્ર વેબપેજને ફરીથી લોડ કર્યા વિના બ્રાઉઝર અને સર્વર વચ્ચે સંચાર અને ડેટા વિનિમય કરવાની મંજૂરી આપે છે. jQuery AJAX વિનંતીઓ કરવા માટે અનુકૂળ પદ્ધતિઓ અને કાર્યો પ્રદાન કરે છે. અહીં jQuery સાથે AJAX નો ઉપયોગ કરવાના કેટલાક ઉદાહરણો છે:

 

$.ajax() પદ્ધતિ

પદ્ધતિ $.ajax() એ બહુમુખી પદ્ધતિ છે જે તમને સર્વર પર AJAX વિનંતીઓ કરવાની મંજૂરી આપે છે. તે તમારી વિનંતિને કસ્ટમાઇઝ કરવા માટે વિવિધ વિકલ્પો પ્રદાન કરે છે, જેમ કે URL નો ઉલ્લેખ કરવો, વિનંતી પદ્ધતિ(GET, POST, વગેરે), સફળતા અને ભૂલ કૉલબેક્સનું સંચાલન કરવું અને વધુ. જ્યારે તમને AJAX વિનંતી પર ઝીણા નિયંત્રણની જરૂર હોય ત્યારે તમે આ પદ્ધતિનો ઉપયોગ કરી શકો છો.

$.ajax({  
  url: "data.php",  
  method: "GET",  
  success: function(response) {  
    // Handle successful response data  
  },  
  error: function(xhr, status, error) {  
    // Handle error occurred  
  }  
});  

 

$.get() પદ્ધતિ

પદ્ધતિ એ $.get() સર્વરને GET વિનંતી કરવા માટેની ટૂંકી પદ્ધતિ છે. તે વિનંતી પદ્ધતિને GET પર આપમેળે સેટ કરીને અને સફળતા કૉલબેકને હેન્ડલ કરીને પ્રક્રિયાને સરળ બનાવે છે. તમે આ પદ્ધતિનો ઉપયોગ ત્યારે કરી શકો છો જ્યારે તમારે ફક્ત આમાંથી ડેટા પુનઃપ્રાપ્ત કરવાની જરૂર હોય

$.get("data.php", function(response) {  
  // Handle successful response data  
});  

 

$.post() પદ્ધતિ

પદ્ધતિ $.post() સમાન છે $.get(), પરંતુ તે ખાસ કરીને સર્વરને POST વિનંતી મોકલે છે. તે તમને વિનંતી સાથે ડેટા પસાર કરવાની મંજૂરી આપે છે, જ્યારે તમે સર્વર પર ફોર્મ ડેટા અથવા અન્ય પરિમાણો મોકલવા માંગતા હો ત્યારે તે ઉપયોગી છે.

$.post("save.php", { name: "John", age: 30 }, function(response) {  
  // Handle successful response data  
});  

 

$.getJSON() પદ્ધતિ

પદ્ધતિનો $.getJSON() ઉપયોગ સર્વરમાંથી JSON ડેટા પુનઃપ્રાપ્ત કરવા માટે થાય છે. તે એક લઘુલિપિ પદ્ધતિ છે જે આપમેળે વિનંતી પદ્ધતિને GET પર સેટ કરે છે અને સર્વર JSON પ્રતિસાદ પરત કરવાની અપેક્ષા રાખે છે. તે JSON ડેટાને પુનઃપ્રાપ્ત કરવાની અને તેની સાથે કામ કરવાની પ્રક્રિયાને સરળ બનાવે છે.

$.getJSON("data.json", function(data) {  
  // Handle successful JSON response data  
});  

 

$.ajaxSetup() પદ્ધતિ

પદ્ધતિ $.ajaxSetup() તમને તમામ ભાવિ AJAX વિનંતીઓ માટે ડિફોલ્ટ સેટિંગ્સને ગોઠવવાની મંજૂરી આપે છે. ઉદાહરણ તરીકે, તમે ડિફૉલ્ટ હેડરો સેટ કરી શકો છો, ડેટા પ્રકારનો ઉલ્લેખ કરી શકો છો અથવા પ્રમાણીકરણ વિકલ્પોને ગોઠવી શકો છો. જ્યારે તમે બહુવિધ AJAX વિનંતીઓ પર લાગુ થતા સામાન્ય વિકલ્પોને સેટ કરવા માંગતા હો ત્યારે આ પદ્ધતિ ઉપયોગી છે.

$.ajaxSetup({  
  headers: { "Authorization": "Bearer token" }  
});  

 

$.ajaxPrefilter() પદ્ધતિ

$.ajaxPrefilter() AJAX વિનંતીઓ મોકલવામાં આવે તે પહેલાં તેને સંશોધિત કરવા માટે પદ્ધતિનો ઉપયોગ થાય છે. તે તમને AJAX વિનંતીના વિકલ્પોને પ્રીપ્રોસેસ કરવાની અને તમારી જરૂરિયાતોને આધારે તેમને સંશોધિત કરવાની મંજૂરી આપે છે. આ કસ્ટમ હેડરો ઉમેરવા, ડેટાની હેરફેર કરવા અથવા વિનંતીઓને અટકાવવા માટે ઉપયોગી થઈ શકે છે.

$.ajaxPrefilter(function(options, originalOptions, xhr) {  
  // Preprocess before sending AJAX request  
});  

 

આ પદ્ધતિઓ jQuery માં AJAX વિનંતીઓ સાથે કામ કરવાની વિવિધ રીતો પ્રદાન કરે છે. તમારી ચોક્કસ જરૂરિયાતોને આધારે, તમે તમારી જરૂરિયાતોને શ્રેષ્ઠ રીતે અનુકૂળ હોય તેવી પદ્ધતિ પસંદ કરી શકો છો. jQuery AJAX વિનંતીઓ બનાવવા અને પ્રતિસાદોને હેન્ડલ કરવાની પ્રક્રિયાને સરળ બનાવે છે, જેનાથી તમે ગતિશીલ અને ઇન્ટરેક્ટિવ વેબ એપ્લિકેશનો બનાવી શકો છો.