مетод load() AJAX jQuery

مетод load() jQuery

مетод load() jQuery یک روش AJAX ساده اما قدرتمند است.

مетод load() از سرور داده‌ها را بارگذاری کرده و داده‌های بازگشتی را در عناصر انتخاب شده قرار می‌دهد.

فارسی:

$("}})منتخب کنندہ).load(URL,دیتا,کالبیک);

ضروری URL پارامتر مقررہ URL کا تعین کرتا ہے جس کو لوڈ کیا جانا ہے.

اختیاری دیتا پارامتر کا تعین کیا جاتا ہے کہ کس طرح کی کوئی جستجو جوائنل کا کلائسٹر شامل کیا جائے گا.

اختیاری کالبیک پارامتر 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");

آپ خود کا تجربہ کریں

بھی 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 مرجع دستور زبان。