متد load در jQuery
متد ()load در jQuery
متد ()load، یکی از متدهای ساده اما قدرتمند jQuery است.
این متد، داده ها را از سرور دریافت کرده و داخل یک عنصرِ انتخاب شده قرار می دهد.
نحوه استفاده:
پارامترها:
| پارامتر | توضیح |
|---|---|
| URL |
الزامی است، URL فایلی است که می خواهید بارگذاری کنید. |
| data |
اختیاری است، می تواند شامل رشته ای از متغیرها و مقادیر آنها باشد که همراه درخواست به سرور ارسال می شود. |
| callback |
اختیاری است، تابعی است که بعد از اجرای کامل متد ()load اجرا می شود. |
در کادر پایین، محتوای فایل "demo_test.txt" آورده شده است:
<p id="p1">This is some text in a paragraph.</p>
در مثال زیر، محتوای فایل "demo_test.txt" داخل عنصر با شناسه "div1" بارگذاری می شود:
این امکان نیز وجود دارد که یک گزینشگر jQuery به پارامتر URL اضافه نمایید.
در مثال زیر، محتوای عنصر با شناسه "p1" در فایل "demo_test.txt" داخل عنصر با شناسه "div1" بارگذاری می شود:
پارامتر اختیاری callback، تابعی است که بعد از اجرای کامل متد ()load اجرا می شود.
تابع callback می تواند پارامترهای مختلفی داشته باشد:
- responseTxt - اگر فراخوانی تابع موفقیت آمیز باشد، شامل خروجی تابع است.
- statusTxt - شامل وضعیت فراخوانی تابع است.
- xhr - شامل یک شیء XMLHttpRequest است.
در مثال زیر، بعد از اجرای کامل متد ()load یک پنجره Alert نمایش داده می شود. اگر اجرای متد ()load موفقیت آمیز باشد، پیغام "External content loaded successfully!" و اگر با خطا روبرو شود، یک پیغام خطا نمایش داده می شود.
مثال (متد load در jQuery)
$("#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
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 21621
دیدگاه‌ها
با عرض سلام و خسته نباشید واقعا خیلی نیاز دارم ممنون میشم کمک کنید
من با متد load یه فایل php رو به صفحه ام اضافه کردم اون فایل php با حلقه 100 تا div رو با یک کلاس و ای دی های متفاوت درست میکنه
بعد میخام روی هر کدوم از اون div ها کلیک کردن id اون div رو نمایش بده برای این عمل از کد زیر استفاده میکنم
$(".div").click(function(){
alert($(this).attr("id"));
});
حالا مشکل من اینجاست که وقتی با متد load اون 100 تا div رو ایجاد میکنم اون 100 تا div ایجاد میشه و نمایش میده کلاس و id رو هم به درستی ایجاد میکنه اماکد بالا عمل نمیکنه
اما به صورت مستقسم یعنی به صورت دستی یا اینکه مستقیم فایل php رو تو صفحه ام میزارم و اون 100 تا div رو ایجاد میکنم اون کد هم عمل میکنه
خیلی ممنون میشم کمکم کنید شدیدا لازم دارم
سپاس
سلام
از دستور ready استفاده کنید، ببینید چه جوابی می گیرید. به صورت زیر:
$( document ).ready(functio n() {
$(".div").click (function(){
alert($(this).a ttr("id"));
});
});
نشد راه دیگه ای هست ؟
ببینید توی کنسول آیا خطایی نشون داده میشه؟ برای رفتن به کنسول، کلید F12 رو بزنید و console را انتخاب کنید.
نه خطایی نبود
این ادرس وارد شدید سمت چپ 4 تا ایکون روی ایکون اخری علامت یه کاربر با یه علامت + کلیک کنید لیست نمایش داده میشه
http://www.oto-mersede.ir/chapar.php
ببینید متوجه میشید مشکل چیه ممنون
اصلا روش اصولی برای نمایش لیست کاربران چیه ؟ میخام لیت کاربران نمایش داده بشه و روی هر کدوم هم کلیک کردن ایدی اون کاربر رو بهم برگردونه هدفم اینه
فقط این نکنه رو فراموش کنید که میخام هر موقع که خاستم رفرش هم بشه اگه روش یا الگریتم اصولی خاصی داره ممنون میشم کمک کنید
دوست عزیز آدرسی که دادید نمیاد. بنده باید کد رو ببینم تا بتونم نظر بدم.
ببخشید از سوالات ابتدایی من!
ولی برای یه مبتدی هم توضیح بدین این محتوای فایلdemo_test.txt"
کجا قرار داره؟!
توی یه فایل خارجی؟!
همون فایل پروداکشن!؟
اگه اینجوریه پس طریقه ی نوشتنش باید مثل یه کلاس باشه..چرا شما در قالب کد html نوشتین!؟
خواهش میکنم.
این فایل یه فایل متنی هست که از لحاظ آدرس دهی دقیقا کنار همین فایل html. شماست.
علت این که متنی هم هست، برای این هست که محتویاتش رو ساده بخونیم. همین!!!
برای گرفتن داده از سرور و استفاده ای جکس باید از php استفاده کنیم یا نه با JQUERY به تنهایی میشه؟
با سلام.
برای ارسال یا دریافت داده از سمت سرور شما ناگزیر به استفاده از زبان سمت سرور هستید.
چون در نهایت اطلاعات باید در سرور پردازش بشه!!!
خیلی ممنون
یاعلی