مетод load() AJAX jQuery

مетод load() jQuery

مетод load() jQuery یک روش 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 را به پارامترهای URL اضافه کنید.

در این مثال، محتوای عنصر با id="p1" از فایل "demo_test.txt" به عنصر <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。