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 विनंत्या करण्याची आणि प्रतिसाद हाताळण्याची प्रक्रिया सुलभ करते, ज्यामुळे तुम्हाला डायनॅमिक आणि परस्परसंवादी वेब अॅप्लिकेशन्स तयार करता येतात.