CodeGym /Java Course /मॉड्यूल 3 /jQuery सह नेटवर्किंग

jQuery सह नेटवर्किंग

मॉड्यूल 3
पातळी 7 , धडा 8
उपलब्ध

jQuery मध्ये 9.1 $ ऑब्जेक्ट आणि ajax पद्धत

नेटवर्कसह कार्य करण्यासाठी jQuery मध्ये एक विशेष जागतिक ऑब्जेक्ट देखील आहे. जसे आपण अंदाज लावू शकता, त्याला म्हणतात $. होय, तेच नाव आहे. पण ते सोपे आणि सोयीस्कर आहे.

समजा तुम्हाला तुमच्या JavaScript मधील API ला विनंती पाठवायची आहे आणि मिळालेल्या प्रतिसादावर प्रक्रिया करायची आहे. हे असे केले जाऊ शकते:


$.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 फॉरमॅटमध्ये विनंती डेटा निर्दिष्ट करते
  • सक्सेस फील्ड सर्व्हरच्या यशस्वी प्रतिसादानंतर कॉल करण्यासाठी फंक्शन निर्दिष्ट करते .

९.२ उपयुक्त प्रश्न

परंतु जर तुम्हाला कोणताही डेटा हस्तांतरित करण्याची आवश्यकता नसेल, तर विनंती आणखी लहान केली जाऊ शकते. उदाहरणार्थ, तुम्ही अशी एक साधी POST विनंती लिहू शकता :


$.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 API

jQuery.ajax()

याव्यतिरिक्त, सर्व सामान्य प्रश्न सहजपणे गुगल केले जातात आणि StackOverflow वर आहेत.

टिप्पण्या
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION