آموزش جامع ajax

mohammad a · بعد از ظهر 15:03:18 - 10/19/11

آموزش جامع ajax

ابتدا قبل از اینکه شروع به اموختن ajax کنیم باید یک مطلب را یاد اور شوم و ان تلفظ درست این کلمه است در بیشتر سایت ها این کلمه را به صورت اجاکس یا اژاکس تلفظ می کنن اما
تلفظ درست این کلمه (إی جَکس) است و این چیزیست که خیلی از افراد ان را اشتباه می کنند .

ajax یک زیان برنامه نویسی جدید نیست بلکه ajax یک تکنیک برای جذاب تر کردن صفحات وب است به صورتی که زبان های برنامه نویسی شناخته شده وب را به گونی ای غیر معمول
ترکیب میکند تا به برنامه نویس این امکان را بدهد برنامه های وب را جذابتر از ان چیزی که به صورت معمول رواج دارد به نمایش بگذارد .

کار ajax چیست ؟

همانطور که گفتم ajax یک تکنیک برای جذاب کردن صفحات وب و از طرف دیگر بالا بردن سرعت بروز رسانی صفحات است .
دربازدید از یک صفحه وب با کلیک بر روی هر لینک یا دکمه ای برای تغییر محتوای صفحه و یا ارسال یک فیلد به سرور باید تمام صفحه بروز شود و این به معنی درخواست
تمام عکسها , لوگوها و کدها از سرور می باشد اما شما با استفاده از این تکنیک فقط قسمتهای مورد نیاز را بروز میکنید و برای انجام هر عملیاتی نیاز به بروز کردن کل صفحه نیست این کار توسط فناوری ajax انجام میشود .

mohammad a · بعد از ظهر 15:06:51 - 10/20/11

شروع اولین کار

خوب بهتره به جای بحث الکی بر روی نحوه ی به وجود امدن این تکنیک و توضیحات بی مورد یک کار عملی رو با هم تجربه کنیم .

قرار نیست اینجا یک روی کار های اماده کار کنیم . تصمیم گرفتم یک صفحه رو از صفر طراحی کنیم و هر دفعه اون رو کامل تر کنیم و کمکم به چیزی که میخوایم نزدیکش کنیم .

خوب طرح کلی کار از این قرار هست که ما یک فرم داریم که کاربر برای ثبت نام در سایت از اون استفاده می کنه .
حالا من می خوام قبل از ارسال اطلاعات وکلیک روی دکمه send بدون رفرش صفحه نام کاربری کاربر رو چک کنم و در صورت تکراری بودن نام وارد شده کاربر رو از این خبر مطلع کنم تا قبل از ارسال اطلاعات این مشکل رو رفع کنه .

کار رو از طراحی صفحه html شروع می کنیم .ابتدا یک جدول برای قرار گرفتن فرممون در داخل اون طراحی میکنیم و فرم رو داخل اون قرار میدم .
تا اینجا یک صفحه داریم که فقط ظاهر صفحه مورد نظرمون رو در بر گرفته و یک دکمه هم با عنوان check داریم که فعلا هیچ عملی رو انجام نمیده ولی بعدا قراره با کلیک بر روی این دکمه نام کاربری کاربر رو چک کنه .

کد [انتخاب]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<form action="index.php" method="post">
<table width="300" border="0">
  <tr>
    <td><label for="name">name </label></td>
    <td><input type="text" id="name" /></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><label for="user">user </label></td>
    <td><input type="text" id="user" /></td>
    <td style="text-align:left"><input type="button" value="check" /></td>
  </tr>
  <tr>
    <td><label for="pass">password</label></td>
    <td><input type="password" id="pass" /></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
      <td></td>
    <td colspan="2"><input type="submit" id="send" /></td>
  </tr>
</table>
</form>
</body>
</html>

آموزش جامع C#‎ نویسنده mohammad a در زبان های برنامه نویسی	1 ارسال 2405 مشاهده	آخرین ارسال: بعد از ظهر 14:41:51 - 10/20/11 توسط mohammad a
آموزش جامع ++c نویسنده mohammad a در زبان های برنامه نویسی	1 ارسال 2198 مشاهده	آخرین ارسال: بعد از ظهر 14:19:20 - 10/20/11 توسط mohammad a
آموزش جامع جاوا نویسنده mohammad a در زبان های برنامه نویسی	1 ارسال 1949 مشاهده	آخرین ارسال: بعد از ظهر 14:45:33 - 10/20/11 توسط mohammad a
آموزش جامع و کامل Thunderbird نویسنده mohammad a در نرم افزار اینترنت, Internet	0 ارسال 1943 مشاهده	آخرین ارسال: قبل از ظهر 00:01:05 - 11/11/11 توسط mohammad a
آموزش جامع asp.net نویسنده mohammad a در زبان های برنامه نویسی	1 ارسال 1694 مشاهده	آخرین ارسال: بعد از ظهر 15:09:19 - 10/20/11 توسط mohammad a
تاپیک جامع آموزش Dreamweaver نویسنده mohammad a در زبان های برنامه نویسی	0 ارسال 1500 مشاهده	آخرین ارسال: بعد از ظهر 12:02:20 - 06/30/11 توسط mohammad a
آموزش جامع شیرپوینت SharePoint همراه با مثال نویسنده guld118 در آموزش IT	2 ارسال 9855 مشاهده	آخرین ارسال: قبل از ظهر 03:44:24 - 01/18/20 توسط guld118

آموزش جامع ajax

mohammad a

mohammad a

اشتراک پست

ارسال های مرتبط

آموزش جامع C#‎

آموزش جامع ++c

آموزش جامع جاوا

آموزش جامع و کامل Thunderbird

آموزش جامع asp.net

تاپیک جامع آموزش Dreamweaver

آموزش جامع شیرپوینت SharePoint همراه با مثال