|
نویسنده مدیریت سایت
|
|
1387/10/26 ساعت 14:50:26 |
|
خوب از اونجا که میبینم آموزش Ajax خیلی طرف دار داره و همینطور چنتا از دوستان خواستن ادامه مطلب رو بزارم اما متاسفانه فرصت کمی برای ارسال پست دارم و دیر به دیر آپلود میشه ببخشین . در اموزش قبلی قرار شد که ساخت فرم گوگل را آموزش بدم بزارین اول اساس کارش رو براتون بگم نمیدونم فانکشن onkeyup توی جاوا بگوشتون خورده یا نه ؟ کارش اینه که شما هر کلیدی که توی یک فرم میزنین باعث بشه دستوری که توی این فانکشن هست اجرا بشه . اینجوری :
<form>
<input type=text onkeyup="alert('salam');" name=text>
</form>
|
حالا شما هر کلیدی که داخل این تکس باکس بزنین تا کلید میاد بالا کلمه salam رو alert میکنه (نمایش میده توی صفحه ) خوب توی گوگل هم تقریبا همینطوره شما هر واژه ای رو که میزنین اولین کاراکتر رو که میزنین یک درخواست بسمت سرور گوگل ارسال میشه و تمامی کلماتی که اولش با حرف مورد نظر شما باشه لیست میشه من قصد دارم با یک مثال خیلی ساده شمارو متوجه کنم
ابتدا یک فایل جدید با نام ajax.html ایجاد کنید و کد زیر رو داخلش بزارین
<html>
<body>
<form name="myForm">
Name: <input type="text" name="username" />
Time: <input type="text" name="time" />
</form>
</body>
</html>
|
خوب بعد از این باید بریم برای نوشتن کد های Ajax ابتدا باید آبجکت XMLHttpRequest را ایجاد کنیم که در مرور گر اینترنت اکسپلورر با بقیه مرور گر ها تفاوت داره اول فایلمون این کد رو اضافه میکنیم
<html>
<body>
<script type="text/javascript">
function ajaxFunction()
{
var xmlHttp;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
alert("Your browser does not support AJAX!");
return false;
}
}
}
}
</script>
<form name="myForm">
Name: <input type="text" name="username" />
Time: <input type="text" name="time" />
</form>
</body>
</html>
|
|
|
آخرین بروز رسانی ( 1388/08/22 ساعت 11:05:41 )
|
