AJAX और jQuery- अनुरोधों और डेटा इंटरैक्शन को संभालना

AJAX(एसिंक्रोनस जावास्क्रिप्ट और XML) एक ऐसी तकनीक है जो पूरे वेबपेज को पुनः लोड करने की आवश्यकता के बिना ब्राउज़र और सर्वर के बीच संचार और डेटा विनिमय की अनुमति देती है। jQuery AJAX अनुरोधों को निष्पादित करने के लिए सुविधाजनक तरीके और फ़ंक्शन प्रदान करता है। यहां jQuery के साथ AJAX का उपयोग करने के कुछ उदाहरण दिए गए हैं:

 

$.ajax() तरीका

यह $.ajax() विधि एक बहुमुखी विधि है जो आपको सर्वर पर AJAX अनुरोध करने की अनुमति देती है। यह आपके अनुरोध को अनुकूलित करने के लिए विभिन्न विकल्प प्रदान करता है, जैसे यूआरएल निर्दिष्ट करना, अनुरोध विधि(जीईटी, पोस्ट, आदि), सफलता और त्रुटि कॉलबैक को संभालना, और बहुत कुछ। जब आपको 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 अनुरोध करने और प्रतिक्रियाओं को संभालने की प्रक्रिया को सरल बनाता है, जिससे आप गतिशील और इंटरैक्टिव वेब एप्लिकेशन बना सकते हैं।