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 अनुरोधहरू र प्रतिक्रियाहरू ह्यान्डल गर्ने प्रक्रियालाई सरल बनाउँछ, तपाईंलाई गतिशील र अन्तरक्रियात्मक वेब अनुप्रयोगहरू सिर्जना गर्न अनुमति दिन्छ।