متد .load() در jQuery

متد .load() در jQuery یک روش ساده برای بارگذاری داده از سرور و قرار دادن محتوای HTML یا متن بازگشتی در یک عنصر انتخاب‌شده است. این متد یک روش کوتاه برای درخواست‌های AJAX به صورت غیرهمزمان است.

ساختار:

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

پارامترها:

1. URL:
   (الزامی)
   آدرس منبع در سرور که درخواست به آن ارسال می‌شود. این منبع می‌تواند یک فایل یا یک API باشد.
2. data:
   (اختیاری)
   یک شیء یا رشته کوئری که به‌عنوان داده به سرور ارسال می‌شود (مثلاً: {key1: "value1", key2: "value2"}).
3. callback:
   (اختیاری)
   یک تابع که پس از بارگذاری موفقیت‌آمیز محتوا اجرا می‌شود. این تابع زمانی اجرا می‌شود که درخواست کامل شود و محتوای عنصر به‌روزرسانی گردد.

مثال 1: بارگذاری محتوای HTML در یک عنصر

<div id=“content”></div>

<button id=“loadBtn”>بارگذاری محتوا</button>

<script src=“https://code.jquery.com/jquery-3.6.0.min.js”></script>

<script>

      $(“#loadBtn”).click(function () {

            $(“#content”).load(“example.html”);

     });

</script>

با کلیک بر روی دکمه، محتوای فایل example.html در عنصر <div id="content"> بارگذاری می‌شود.

مثال 2: ارسال داده همراه با درخواست