قسمت مهم کار قسمت جاوا اسکریپت کارمون هست .

فرض می کنیم اطلاعات رو ما به سرور ارسال کردیم و اطلاعات با موفقیت در بانک ذخیره شد حالا ما باید توسط جاوااسکریپت یک سطر به جدولمون اضافه کنیم و اطلاعات رو در اون نمایش بدیم .

یه تابع تعریف می کنیم به نام ADD که سه تا ارگمان می گیره و به وسیله این سه تا ارگمان سطر جدید جدولمون رو پر می کنیم .

ابتدا نوشتن تابع و بعد توضیح

//اجاکس , ایجکس , اژاکس ,AJAX
function add(name,family,code)
{
tbody=document.getElementById('students').getElementsByTagName('TBODY')[0];
var row=document.createElement('TR');
row.setAttribute("id","tr",name);
var td1=document.createElement('TD');
td1.innerHTML=name;
var td2=document.createElement('TD');
td2.innerHTML=family;
var td3=document.createElement('TD');
td3.innerHTML=code;
row.appendChild(td1);
row.appendChild(td2);
row.appendChild(td3);
tbody.appendChild(row);}

در خط اول tbody به بدنه جدول students مون اشاره می کنه و پس از اون چهار تا متغییر دیگه تعریف کردیم که از نوع عنصر های td ,tr ها مون هستن که قراره با کنار هم قرار گرفتن اینها یک سطر از جدولمون رو بسازیم . بعد از تعریف هر td محتویات اون رو برابر یکی از ارگام های ارسالیمون گذاشتیم و پس از این کار توسط تابع appendChild هر کدوم از td ها رو به عنوان فرزند row در نظر گرفتیم (که همون tr مون هست) و سپس در خط اخر row رو به عنوان بدنه جدولون معرفی کردیم .

برای امتحان تابع می تونین از کد زیر استفاده کنین .

 <!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>
<table id=’students’ width=”۲۰۰″ border=”۱″ dir=”rtl”>
<tr>
<td>نام </td>
<td>نام خانوادگی</td>
<td>شماره دانشجو</td>
</tr>
</table><input type=”button” value=”ساخت” onclick=”add(‘hossein’,’jalili’,’۸۸۰۸۶۲۱۶۰۹′)”/></td></body>
</html>