سبد (0)

تبلیغات

متد load در jQuery

متد ()load در jQuery

متد ()load، یکی از متدهای ساده اما قدرتمند jQuery است.

این متد، داده ها را از سرور دریافت کرده و داخل یک عنصرِ انتخاب شده قرار می دهد.

نحوه استفاده:

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

پارامترها:

پارامترتوضیح
URL

الزامی است، URL فایلی است که می خواهید بارگذاری کنید.

data

اختیاری است، می تواند شامل رشته ای از متغیرها و مقادیر آنها باشد که همراه درخواست به سرور ارسال می شود.

callback

اختیاری است، تابعی است که بعد از اجرای کامل متد ()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" داخل عنصر با شناسه "div1" بارگذاری می شود:

مثال (متد load در jQuery)

$("#div1").load("demo_test.txt");
خودتان امتحان کنید »

این امکان نیز وجود دارد که یک گزینشگر jQuery به پارامتر URL اضافه نمایید.

در مثال زیر، محتوای عنصر با شناسه "p1" در فایل "demo_test.txt" داخل عنصر با شناسه "div1" بارگذاری می شود:

مثال (متد load در jQuery)

$("#div1").load("demo_test.txt #p1");
خودتان امتحان کنید »

پارامتر اختیاری callback، تابعی است که بعد از اجرای کامل متد ()load اجرا می شود.

تابع callback می تواند پارامترهای مختلفی داشته باشد:

  • responseTxt - اگر فراخوانی تابع موفقیت آمیز باشد، شامل خروجی تابع است.
  • statusTxt - شامل وضعیت فراخوانی تابع است.
  • xhr - شامل یک شیء XMLHttpRequest است.

در مثال زیر، بعد از اجرای کامل متد ()load یک پنجره Alert نمایش داده می شود. اگر اجرای متد ()load موفقیت آمیز باشد، پیغام "External content loaded successfully!" و اگر با خطا روبرو شود، یک پیغام خطا نمایش داده می شود.

مثال (متد load در jQuery)

$("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);
  });
});
خودتان امتحان کنید »

مرجع کلیه متدهای Ajax در jQuery

برای کسب اطلاعات بیشتر در مورد متدهای Ajax در جی کوئری به لینک روبرو مراجعه فرمایید: مرجع متدهای AJAX

دیدگاه‌ها  

+2 # mohammad reza g m 1395-10-12 11:50
با عرض سلام و خسته نباشید واقعا خیلی نیاز دارم ممنون میشم کمک کنید

من با متد load یه فایل php رو به صفحه ام اضافه کردم اون فایل php با حلقه 100 تا div رو با یک کلاس و ای دی های متفاوت درست میکنه

بعد میخام روی هر کدوم از اون div ها کلیک کردن id اون div رو نمایش بده برای این عمل از کد زیر استفاده میکنم

$(".div").click(function(){
alert($(this).attr("id"));
});



حالا مشکل من اینجاست که وقتی با متد load اون 100 تا div رو ایجاد میکنم اون 100 تا div ایجاد میشه و نمایش میده کلاس و id رو هم به درستی ایجاد میکنه اماکد بالا عمل نمیکنه

اما به صورت مستقسم یعنی به صورت دستی یا اینکه مستقیم فایل php رو تو صفحه ام میزارم و اون 100 تا div رو ایجاد میکنم اون کد هم عمل میکنه

خیلی ممنون میشم کمکم کنید شدیدا لازم دارم
سپاس
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # احسان عباسی 1395-10-12 16:35
سلام
از دستور ready استفاده کنید، ببینید چه جوابی می گیرید. به صورت زیر:
$( document ).ready(functio n() {
$(".div").click (function(){
alert($(this).a ttr("id"));
});
});
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # mohammad reza g m 1395-10-12 18:48
نشد راه دیگه ای هست ؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # احسان عباسی 1395-10-12 19:12
ببینید توی کنسول آیا خطایی نشون داده میشه؟ برای رفتن به کنسول، کلید F12 رو بزنید و console را انتخاب کنید.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # mohammad reza g m 1395-10-12 20:32
نه خطایی نبود
این ادرس وارد شدید سمت چپ 4 تا ایکون روی ایکون اخری علامت یه کاربر با یه علامت + کلیک کنید لیست نمایش داده میشه
http://www.oto-mersede.ir/chapar.php
ببینید متوجه میشید مشکل چیه ممنون

اصلا روش اصولی برای نمایش لیست کاربران چیه ؟ میخام لیت کاربران نمایش داده بشه و روی هر کدوم هم کلیک کردن ایدی اون کاربر رو بهم برگردونه هدفم اینه

فقط این نکنه رو فراموش کنید که میخام هر موقع که خاستم رفرش هم بشه اگه روش یا الگریتم اصولی خاصی داره ممنون میشم کمک کنید
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # احسان عباسی 1395-10-15 08:14
دوست عزیز آدرسی که دادید نمیاد. بنده باید کد رو ببینم تا بتونم نظر بدم.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+4 # azadeh ahmadi 1394-07-27 16:28
ببخشید از سوالات ابتدایی من!
ولی برای یه مبتدی هم توضیح بدین این محتوای فایلdemo_test.txt"
کجا قرار داره؟!
توی یه فایل خارجی؟!
همون فایل پروداکشن!؟
اگه اینجوریه پس طریقه ی نوشتنش باید مثل یه کلاس باشه..چرا شما در قالب کد html نوشتین!؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+3 # مهرداد صلاحی 1394-07-27 16:36
خواهش میکنم.
این فایل یه فایل متنی هست که از لحاظ آدرس دهی دقیقا کنار همین فایل html. شماست.

علت این که متنی هم هست، برای این هست که محتویاتش رو ساده بخونیم. همین!!!
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # amin 1394-07-15 15:56
برای گرفتن داده از سرور و استفاده ای جکس باید از php استفاده کنیم یا نه با JQUERY به تنهایی میشه؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # مهرداد صلاحی 1394-07-15 16:31
با سلام.
برای ارسال یا دریافت داده از سمت سرور شما ناگزیر به استفاده از زبان سمت سرور هستید.
چون در نهایت اطلاعات باید در سرور پردازش بشه!!!
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # حسین جان 1394-02-29 11:24
خیلی ممنون
یاعلی
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه پرداخت آنلاین - بانک اقتصاد نوین پرداخت آنلاین - بانک سامان
 
دوره های آموزشی راه اندازی کسب و کارهای اینترنتی
تبلیغات اینترنتی