jQuery ajax - get() विधि

jQuery Ajax संदर्भ पुस्तिका

उदाहरण

AJAX के माध्यम से GET अनुरोध के द्वारा div एलिमेंट के टेक्स्ट को बदलें:

$("button").click(function(){
  $.get("demo_ajax_load.txt", function(result){
    $("div").html(result);
  });
});

अपने आप प्रयास करें

परिभाषा और उपयोग

get() विधि दूरस्थ HTTP GET अनुरोध से जानकारी लोड करती है。

यह एक सरल GET अनुरोध फ़ंक्शन है जो जटिल $.ajax को प्रतिस्थापित करता है। अनुरोध सफल होने पर कॉलबैक फ़ंक्शन को बुलाया जा सकता है। यदि त्रुटि होने पर किसी फ़ंक्शन को चलाना है, तो $.ajax का उपयोग करें。

व्याकरण

$(selector).get()}}url,data,success(response,status,xhr),dataType)
पारामीटर वर्णन
url अनिवार्य. अनुरोध को भेजने के लिए जो URL को निर्दिष्ट करता है
data वृद्धियुक्त. अनुरोध को सर्वर को भेजे जाने वाले डाटा को निर्दिष्ट करता है
success(response,status,xhr)

वृद्धियुक्त. अनुरोध सफल होने पर चलने वाले फ़ंक्शन को निर्दिष्ट करता है

अतिरिक्त पारामीटर:

  • response - अनुरोध के परिणाम डाटा को शामिल करता है
  • status - अनुरोध के स्थिति को शामिल करता है
  • xhr - XMLHttpRequest ऑब्जैक्ट को शामिल करता है
dataType

वृद्धियुक्त

डिफ़ॉल्ट में, jQuery बुद्धिमानी से निर्णय करता है。

संभावित टाइप:

  • "xml"
  • "html"
  • "text"
  • "script"
  • "json"
  • "jsonp"

विस्तृत व्याख्या

यह फ़ंक्शन संक्षिप्त Ajax फ़ंक्शन है, इसके समान है:

$.ajax({
  url: url,
  data: data,
  success: success,
  dataType: dataType
});

विभिन्न MIME टाइप के अनुसार, success बैक कॉलबैक फ़ंक्शन को भेजे जाने वाले प्रतिक्रिया डाटा भिन्न होता है, ये डाटा XML रूट एलीमेंट, टेक्स्ट स्ट्रिंग, JavaScript फ़ाइल या JSON ऑब्जैक्ट हो सकता है। success बैक कॉलबैक फ़ंक्शन को प्रतिक्रिया के टेक्स्ट स्टेट को भी भेज सकते हैं。

jQuery 1.4 के लिए, success बैक कॉलबैक फ़ंक्शन में XMLHttpRequest ऑब्जैक्ट को भी भेज सकते हैं。

सामान्य उदाहरण

test.php वेब पृष्ठ को अनुरोध करें, वापसी वाले मूल्य को अनदेखा करें:

$.get("test.php");

अधिक उदाहरण

उदाहरण 1

test.php वेब पृष्ठ को अनुरोध करें, 2 पारामीटर भेजें, वापसी वाले मूल्य को अनदेखा करें:

$.get("test.php", { name: "Bill", time: "2pm" } );

उदाहरण 2

test.php वापसी वाले मूल्य (HTML या XML, वापसी वाले मूल्य के आधार पर) दिखाएं:

$.get("test.php", function(data){
  alert("Data Loaded: " + data);
});

उदाहरण 3

test.cgi वापसी वाले मूल्य (HTML या XML, वापसी वाले मूल्य के आधार पर), एक समूह अनुरोध पारामीटर जोड़ें:

$.get("test.cgi", { name: "Bill", time: "2pm" },
  function(data){
    alert("Data Loaded: " + data);
  });

jQuery Ajax संदर्भ पुस्तिका