|||

ورود به حساب کاربری

شماره همراه خود را وارد کنید

ورود با کلمه عبور ارسال کد تایید

فراموشی کلمه عبور

در صورت فراموشی کلمه عبور شماره موبایل خود را وارد کنید.

ورود با کلمه عبور تنظیم مجدد

ورود به حساب کاربری

در صورتی که کلمه عبور خود را بروزرسانی کرده اید با کلمه عبور وارد حساب کاربری خود شوید.

شماره همراه خود را وارد کنید

ورود و ادامه

متد load در AJAX

متد  ()load

این متد ساده ولی بسیار قدرتمند است.
متد  ()load داده را از سرور بارگزاری کرده و داده برگشتی را داخل عنصر انتخاب شده قرار می دهد.

شکل دستوری:

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

 

پارامتر URL  الزامی بوده و مشخص کننده آدرسی است که می خواهید آن را بارگزاری کنید.
پارامتر data اختیاری بوده و مشخص کننده مجموعه ای از جفت کلید/مقدار querystring  است که میخواهید به همراه درخواست ارسال کنید.
پارامتر callback  اختیاری بوده  نام تابعی را که می خواهید بعد از پایان متد ()load فراخوانی شود را مشخص می کند.
در بخش زیر، محتوای مثال بعدی قرار داده شده است:  "demo_test.txt":

<h2>jQuery & AJAX  </h2>
<p id="p1">This is some text in a paragraph.</p>

مثال زیر محتوای فایل  "demo_test.txt" را داخل عنصر <div> بارگزاری می کند:
مثال :

AJAX
این متن رو تغییر بدیم ، AJAX می خوایم با استفاده از 
مشاهده مثال


همچنین می توانید سلکتورهای jQuery  را به پارامتر url اضافه کنید.
مثال زیر محتوای عنصری با id=p1 را از فایل demo_test.txt داخل عنصر <div> بارگزاری  می کند.
مثال :

افزودن سلکتور به متد load
$("#div1").load("demo_test.txt"); 
مشاهده مثال


پارامتر callback  اختیاری بوده  نام تابعی را که می خواهید بعد از پایان متد ()load فراخوانی شود را مشخص می کند. تابع بازگشتی می تواند پارامترهای مختلفی بپذیرد:
•    responseTxt  - حاوی محتوای نهایی خواهد بود، اگر فراخوانی موفقیت آمیز باشد.
•    statusTxt  - حاوی وضعیت فراخوانی است.
•    xhr  - حاوی شی XMLHttpRequest  است.
مثال زیر پس از اتمام اجرای متد load() ، یک پیغام هشدار نمایش می دهد. اگر متد ()load موفقیت آمیز باشد، این پیغام " بارگزاری محتوای خارجی باموفقیت انجام شد. " نمایش داده خواهد شد. اگر مشکلی رخ داده باشد نیز پیغام خطا نشان خواهد داد:
مثال :

پارامتر بازگشتی در متد load
$("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);
    });
}); 
مشاهده مثال

نظر شما

>

نظرات

محمود حسام سلام . مثل اینکه مثال ها کار نمی کنند.نظر ها کجا درج شده اند ؟من میخواهم یک متن را بعد از اینکه انتخاب کردم حالا با های لایت کردن یا با رویداد کلیک ، داخل یک تکست باکس قرار داده و سپس ان را ویرایش کنم و دوباره به جای اول برگردانم بصورتی که متن تغییر یافته جای متن قبلی را بگیرد .البته نه یک بار بلکه جندین متن و چندین بار . آیا میتوانید کمک کنید. ایمیلم را گذاشتم و یا در همین صفحه پاسخ بدهید. متشکر می شوم.

مقالات و دروس

عضویت در خبرنامه شرکت نرم افزاری وب مهراز

برای اطلاع از بسته ها ، تخفیف های استثنایی و تازه های ما به خبرنامه وب مهراز بپیوندید.

لطفا شماره همراه صحیح وارد کنید.
لطفا ایمیل صحیح وارد کنید.

مقالات مرتبط

|||

ورود به حساب کاربری

شماره همراه خود را وارد کنید

ورود با کلمه عبور ارسال کد تایید

فراموشی کلمه عبور

در صورت فراموشی کلمه عبور شماره موبایل خود را وارد کنید.

ورود با کلمه عبور تنظیم مجدد