چند نکته

۱- بدلیل اینکه تمام اطلاعات رو باید از طریق جاوااسکریپت برای سرور ارسال کنیم دیگه نیازی به وجود فرم در صفحه نیست .

۲- بدلیل نبدون فرم از دکمه submit هم دیگه استفاده نمی کنیم .

۳- به خاطر مهم بودن اطلاعاتی که می خوایم ارسال کنیم (بر عکس برنامه بالا) باید ازمتد post استفاده کنیم و باید خودمون این عملیات رو از طریق جاوااسکریپت شبیه سازی کنیم .

طراحی ظاهر برنامه

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML ۱٫۰ 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>
<div id=”state”>
<table width=”۲۰۰″ border=”۰″>
<tr>
<td>name : </td>
<td><input type=”text” id=”name” /></td>
</tr>
<tr>
<td>family : </td>
<td><input type=”text” id=”family” /></td>
</tr>
<tr>
<td>user name : </td>
<td><input type=”text” id=”user” /></td>
</tr>
<tr>
<td>passwords : </td>
<td><input type=”password” id=”pass” /></td>
</tr>
<tr>
<td>tell : </td>
<td><input type=”text” id=”tell” /></td>
</tr>
<tr>
<td colspan=”۲″ align=”center”>
<input type=”button” value=”send” onclick=”send_information()” />
</td></tr>

</table>
</div>
</body>
</html>

در طراحی ظاهری از ۵فیلد نام ,نام خانوادگی,نام کاربری,پسورد و شماره تلفن استفاده شده و برای هر کدوم از این ها یک id در نظر گرفتیم (برای دسترسی به عناصر در جاوااسکریپت از اون استفاده می کنیم)

و یک div با نام state که کل محتویات صفحه رو در بر گرفته .
که در صورت ثبت با موفقیت اطلاعات پیامی را به جای عناصر داخلی ان برای کاربر نمایش خواهیم داد.