طريقة jQuery AJAX load()

طريقة jQuery load()

طريقة jQuery load() هي طريقة AJAX بسيطة ولكن قوية.

يتم استيراد بيانات من الخادم باستخدام طريقة load() ويتم وضع البيانات المعدة في العنصر المحدد.

النحو:

$("}}).load(URL,data,callback);

مطلوب URL المعلمات تحدد URL الذي تريد تحميله.

اختياري data المعلمات تحدد مجموعة من أزواج المفاتيح/القيم التي سيتم إرسالها مع الطلب.

اختياري callback المعلمات هي اسم الدالة التي سيتم تنفيذها عند اكتمال طريقة load().

هذا هو محتوى ملف المثال ("demo_test.txt"):

<h2>jQuery و AJAX ممتع!!!</h2>
<p id="p1">هذا نص في جملة.</p>

في المثال التالي، سيتم تحميل محتوى ملف "demo_test.txt" إلى العنصر <div> المحدد:

مثال

$("#div1").load("demo_test.txt");

تجربة شخصياً

يمكن أيضًا إضافة مسبقًا jQuery selector إلى متغير URL.

في المثال التالي، سيتم تحميل محتوى العنصر الذي يحتوي على id="p1" في ملف "demo_test.txt" إلى العنصر <div> المحدد:

مثال

$("#div1").load("demo_test.txt #p1");

تجربة شخصياً

يمكن لت 参数 المختار أن يحدد الدالة المراد تنفيذها عند اكتمال طريقة 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("خطأ: "+xhr.status+": "+xhr.statusText);
  });
});

تجربة شخصياً

دليل مرجع jQuery AJAX

للحصول على مرجع كامل لطرق AJAX، يرجى زيارة دليل مرجع jQuery AJAX。