jQuery AJAX load() विधि
- पिछला पृष्ठ jQuery AJAX व्याख्यान
- अगला पृष्ठ jQuery Get/Post
jQuery load() विधि
jQuery load() विधि सरल लेकिन मजबूत AJAX विधि है。
load() विधि सर्वर से डाटा लोड करती है और वापसी डाटा को चयनित एलिमेंट में डाल देती है。
व्याकरण：
$("}}).load(URL,data,callback);
अनिवार्य URL पारामीटर आपको लोड करने हेतु चाहते हैं URL को निर्दिष्ट करता है。
वृद्धि से चुनिंदा data पारामीटर बुलाने के साथ भेजे जाने वाले कीयोगुण-मूल्य संग्रह को निर्दिष्ट करता है。
वृद्धि से चुनिंदा callback पारामीटर load() विधि पूर्ण होने के बाद फ़ंक्शन का नाम है।
यह उदाहरण फ़ाइल ("demo_test.txt") की सामग्री है:
<h2>jQuery and AJAX is FUN!!!</h2> <p id="p1">This is some text in a paragraph.</p>
नीचे दिए गए उदाहरण, "demo_test.txt" फ़ाइल की सामग्री को निर्दिष्ट <div> एलीमेंट में लोड करता है:
उदाहरण
$("#div1").load("demo_test.txt");
या URL पारामीटर में jQuery चुनावक जोड़ सकते हैं。
नीचे दिए गए उदाहरण, "demo_test.txt" फ़ाइल में id="p1" के एलीमेंट की सामग्री को निर्दिष्ट <div> एलीमेंट में लोड करता है:
उदाहरण
$("#div1").load("demo_test.txt #p1");
वृद्धि से चुनिंदा callback पारामीटर load() विधि पूर्ण होने के बाद की जाने वाली कॉलबैक फ़ंक्शन को निर्दिष्ट करता है। कॉलबैक फ़ंक्शन विभिन्न पारामीटर को सेट कर सकता है:
- responseTxt - बुलाने के सफल होने पर की जाने वाली सामग्री को शामिल करता है
- statusTXT - बुलाने के स्थिति को शामिल करता है
- xhr - XMLHttpRequest वस्तु को शामिल करता है
नीचे दिए गए उदाहरण, load() विधि पूर्ण होने के बाद एक चेतावनी बार्ता दिखाता है। यदि load() विधि सफल होती है, तो "विदेशी सामग्री लोड हो गई!" दिखाया जाता है और अगर विफल होती है, तो त्रुटि संदेश दिखाया जाता है:
उदाहरण
$("button").click(function(){
$("#div1").load("demo_test.txt",function(responseTxt,statusTxt,xhr){
if(statusTxt=="success")
alert("विदेशी सामग्री लोड हो गई!");
if(statusTxt=="error")
alert("Error: "+xhr.status+": "+xhr.statusText);
});
});
jQuery AJAX संदर्भ पुस्तक
पूर्ण AJAX विधि संदर्भ के लिए, हमारे jQuery AJAX संदर्भ पुस्तक。
- पिछला पृष्ठ jQuery AJAX व्याख्यान
- अगला पृष्ठ jQuery Get/Post
