آموزش Ajax
نوشته شده توسط : علی پور

در این بخش از مقاله ها پباده سازی سایت و آموزش Ajax می خواهیم کاربرد Ajax در PHP را برای شما توضیح دهیم .
با به کار گیری از مثالی می خوا‌هیم کاربرد Ajax در PHP را برای شما شرح دهیم . در این مثال کاربر کاراکتری را درون آن تایپ کند ، این در اختیار گرفتن لیستی از گزینه های پیشنهادی که با آن کاراکتر آغاز می شوند ، را به کاربر سناریو می دهد .
در کد تابع ( ) showHint زمانی که استفاده کننده در فریم نوشته جان دار در ورقه PHP تایپ می نماید ، به وسیله روی داد ( ) onkeyup آن ، تابع ( ) showHint اجرا می شود .

function
showHint(str)
{
var xmlhttp; // Ajax تولید یک متغیر برای ذخیره کردن شی if (str .length==0)

{ document .getElementById("txtHint") .innerHTML="";

return;
} if (window .XMLHttpRequest)

{ // IE7+, Firefox, Chrome, Opera, Safari کد برای مرورگرهای
xmlhttp=new XMLHttpRequest();
}
else
{ // IE6, IE5 کد برای مرورگرهای xmlhttp=new ActiveXObject("Microsoft .XMLHTTP");

} xmlhttp .onreadystatechange=function()

{ if (xmlhttp .readyState==4 && xmlhttp .status==200)

{ document .getElementById("txtHint") .innerHTML=xmlhttp .responseText;

}
} xmlhttp .open("GET","gethint .php?q="+str,true);
xmlhttp .send(
); }

طراحی سایت در مشهد

در امر بالا درصورتی که قاب نوشته خالی باشد ( str .length==0 ) ، تابع میزان عنصر txtHint مو جود بر روی کاغذ را منزه کرده و از تابع بیرون می شود همینطور این بخش از کد یک شی XMLHttpRequest را ساخته و عملیات Ajax را مقدمه می نماید . کد ضروری برای پشتیبانی گونه های مرورگرها را قرار داده ایم .در فرمان بالا کد نظارت می کند که آیا پاسخ درخواست Ajax از سرور برگشته و فراهم می باشد یا این که خوبی . آن گاه در صورت آماده بودن پاسخ ، مقدار آن را در عنصر txtHint موجود بر روی ورقه قرار می دهد همینطور شی xmlhttp ، را مهیا کرده و به وسیله متد GET ، آن را به پوشه قضیه نظرمان یعنی gethint .php ارسال می نماید ومتغیر str به وسیله پارامتر q به کاغذ مقصد PHP ارسال شده میباشد ، که بعدا در آن دریافت و به کارگیری خواهد شد .
در این بخش از مقاله‌ها طراحی وب سایت و فراگیری Ajax می خوا‌هیم کاربرد Ajax در PHP را برای شما توضیح دهیم .
با استفاده از مثالی می خوا‌هیم کاربرد Ajax در PHP را برای شما شرح دهیم . در این نمونه کاربر کاراکتری را داخل آن تایپ نماید ، این در اختیار گرفتن لیستی از مورد های پیشنهادی که با آن کاراکتر استارت می شوند ، را به کاربر سناریو می دهد .
در کد تابع ( ) showHint هنگامی که استفاده کننده در کادر نوشته موجود در برگه PHP تایپ می کند ، به وسیله رویداد ( ) onkeyup آن ، تابع ( ) showHint اجرا می شود .

function
showHint(str)
{
var xmlhttp; // Ajax تولید یک متغیر برای ذخیره کردن شی if (str .length==0)

{ document .getElementById("txtHint") .innerHTML="";

return;
} if (window .XMLHttpRequest)

{ // IE7+, Firefox, Chrome, Opera, Safari کد برای مرورگرهای
xmlhttp=new XMLHttpRequest();
}
else
{ // IE6, IE5 کد برای مرورگرهای xmlhttp=new ActiveXObject("Microsoft .XMLHTTP");

} xmlhttp .onreadystatechange=function()

{ if (xmlhttp .readyState==4 && xmlhttp .status==200)

{ document .getElementById("txtHint") .innerHTML=xmlhttp .responseText;

}
} xmlhttp .open("GET","gethint .php?q="+str,true);
xmlhttp .send(
); }

در دستور بالا در صورتیکه فریم متن خالی باشد ( str .length==0 ) ، تابع مقدار عنصر txtHint جان دار بر روی کاغذ را تمیز کرده و از تابع بیرون می شود همچنین این بخش از کد یک شی XMLHttpRequest را ساخته و عملیات Ajax را ابتدا می نماید . کد حتمی برای پشتیبانی اشکال مرورگرها را قرار داده ایم .در فرمان بالا کد چک می نماید که آیا پاسخ درخواست Ajax از سرور برگشته و آماده هست یا این که خیر و خوبی . بعد در صورت آماده بودن پاسخ ، میزان آن را در عنصر txtHint جانور بر روی کاغذ قرار می دهد همچنین شی xmlhttp ، را فراهم کرده و به وسیله متد GET ، آن را به فایل قضیه نظرمان یعنی gethint .php ارسال می نماید ومتغیر str به وسیله پارامتر q به برگه مقصد PHP ارسال گردیده هست ، که بعدا در آن دریافت و استفاده خواهد شد .





:: برچسب‌ها: طراحی سایت در مشهد ,
:: بازدید از این مطلب : 269
|
امتیاز مطلب : 0
|
تعداد امتیازدهندگان : 0
|
مجموع امتیاز : 0
تاریخ انتشار : سه شنبه 27 فروردين 1398 | نظرات ()
مطالب مرتبط با این پست
لیست
می توانید دیدگاه خود را بنویسید


نام
آدرس ایمیل
وب سایت/بلاگ
:) :( ;) :D
;)) :X :? :P
:* =(( :O };-
:B /:) =DD :S
-) :-(( :-| :-))
نظر خصوصی

 کد را وارد نمایید:

آپلود عکس دلخواه: