JQuery के साथ नेटवर्किंग

9.1 $ वस्तु और jQuery में ajax विधि

नेटवर्क के साथ काम करने के लिए jQuery के पास एक विशेष वैश्विक वस्तु भी है। जैसा कि आप अनुमान लगा सकते हैं, इसे कहा जाता है $। हाँ, यही नाम है। लेकिन यह आसान और सुविधाजनक है।

मान लीजिए कि आप अपने जावास्क्रिप्ट में एपीआई के लिए एक अनुरोध भेजना चाहते हैं और प्राप्त प्रतिक्रिया को संसाधित करना चाहते हैं। इसे इस प्रकार किया जा सकता है:

$.ajax({
  type: "POST",
  url: "api.codegym.cc",
  data: {name: 'Bill', location: 'Radmond'},
  success: function(msg){
    alert( "Person found: " + msg );
  }
});

बस इतना ही, वह सब कोड है। हम ऑब्जेक्ट पर $मेथड को कॉल करते हैं ajax(), जहां हम उस ऑब्जेक्ट को पास करते हैं जो हमारी जरूरत की हर चीज का वर्णन करता है: अनुरोध और प्रतिक्रिया दोनों।

• फ़ील्ड typeHTTP अनुरोध के प्रकार को निर्दिष्ट करता है: GETयाPOST
• फ़ील्ड urlनिर्दिष्ट करती है urlकि किसको अनुरोध भेजा जाएगा।
• फ़ील्ड dataJSON प्रारूप में अनुरोध डेटा निर्दिष्ट करती है
• सफलता फ़ील्ड सर्वर से सफल प्रतिक्रिया के बाद बुलाए जाने वाले फ़ंक्शन को निर्दिष्ट करता है ।

9.2 उपयोगी प्रश्न

लेकिन अगर आपको कोई डेटा ट्रांसफर करने की जरूरत नहीं है, तो रिक्वेस्ट को और भी छोटा लिखा जा सकता है। उदाहरण के लिए, आप इस तरह एक साधारण पोस्ट अनुरोध लिख सकते हैं :

$.post("ajax/test.html", function( data ) {
  $( ".result" ).html( data );
});

क्या आप जानते हैं कि कोड क्या करता है $( ".result" ).html( data );? आइए अनुमान लगाने की कोशिश करते हैं...

यह दस्तावेज़ में परिणाम वर्ग के साथ एक तत्व पाता है, और इसके अंदर HTML कोड जोड़ता है - डेटा data। तो कुछ पंक्तियों में आप सर्वर से डेटा डाउनलोड कर सकते हैं और इसे अपने पेज में जोड़ सकते हैं। अच्छा, क्या यह सौंदर्य नहीं है? :)

GET अनुरोध को कुछ पंक्तियों में भी लिखा जा सकता है:

$.get("ajax/test.html"., function( data ) {
  $( ".result" ).html( data );
});

क्या आप एक स्क्रिप्ट को डाउनलोड और निष्पादित करना चाहेंगे?

$.ajax({
  method: "GET",
  url: "test.js",
  dataType: "script"
});

नवीनतम HTML पृष्ठ प्राप्त करें?

$.ajax({
  url: "test.html",
  cache: false
})
  .done(function( html ) {
    $( "#results" ).append( html );
  });

इंटरनेट पर कुछ बहुत अच्छे jQuery के दस्तावेज हैं:

jQuery एपीआई

jQuery.AJAX ()

इसके अलावा, सभी सामान्य प्रश्नों को आसानी से googled किया जाता है और StackOverflow पर हैं।