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()
, जेथे आम्हाला आवश्यक असलेल्या सर्व गोष्टींचे वर्णन करणार्या ऑब्जेक्ट पास करतो: विनंती आणि प्रतिसाद दोन्ही.
- फील्ड
type
HTTP विनंतीचा प्रकार निर्दिष्ट करते:GET
किंवाPOST
- फील्ड
url
निर्दिष्ट करतेurl
ज्याला विनंती पाठविली जाईल. - फील्ड
data
JSON फॉरमॅटमध्ये विनंती डेटा निर्दिष्ट करते - सक्सेस फील्ड सर्व्हरच्या यशस्वी प्रतिसादानंतर कॉल करण्यासाठी फंक्शन निर्दिष्ट करते .
९.२ उपयुक्त प्रश्न
परंतु जर तुम्हाला कोणताही डेटा हस्तांतरित करण्याची आवश्यकता नसेल, तर विनंती आणखी लहान केली जाऊ शकते. उदाहरणार्थ, तुम्ही अशी एक साधी 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 दस्तऐवजीकरण आहे:
याव्यतिरिक्त, सर्व सामान्य प्रश्न सहजपणे गुगल केले जातात आणि StackOverflow वर आहेत.
GO TO FULL VERSION