أحدث البرامج التعليمية وتطوير الشبكة
 

jQuery - AJAX load() Method

❮ السابق التالي الفصل ❯

مسج load() الطريقة

ومسج load() طريقة بسيطة، ولكنها قوية على طريقة أجاكس.

في load() بيانات الأحمال طريقة من ملقم ويضع البيانات التي تم إرجاعها إلى العنصر المحدد.

بناء الجملة:

$(selector).load(URL,data,callback);

تعين المعلمة URL المطلوبة عنوان الموقع الذي ترغب في تحميل.

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

المعلمة رد اختياري هو اسم وظيفة ليتم تنفيذها بعد 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.

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

مثال

$("#div1").load("demo_test.txt #p1");
انها محاولة لنفسك »

تعين المعلمة رد اختياري وظيفة رد الاتصال لتشغيل عند load() اكتمال الأسلوب. وظيفة رد الاتصال يمكن أن يكون لها معايير مختلفة:

  • responseTxt - يحتوي على المحتوى الناتج إذا نجحت الدعوة
  • statusTxt - يحتوي على مركز الدعوة
  • xhr - يحتوي على XMLHttpRequest كائن

يعرض المثال التالي مربع تنبيه بعد load() يكمل الأسلوب. إذا كان load() نجحت الطريقة، فإنه يعرض "External content loaded successfully!" ، وإذا ما فشل فإنه يعرض رسالة خطأ:

مثال

$("button").click(function(){
    $("#div1").load("demo_test.txt", function(responseTxt, statusTxt, xhr){
        if(statusTxt == "success")
            alert("External content loaded successfully!");
        if(statusTxt == "error")
            alert("Error: " + xhr.status + ": " + xhr.statusText);
    });
});
انها محاولة لنفسك »

مسج أجاكس المرجعي

لمحة كاملة عن أساليب مسج أجاكس، يرجى زيارة موقعنا مسج أجاكس المرجعي .


❮ السابق التالي الفصل ❯