<input type="text"

           Size="20"

           Id="userid"

           Name="id"

           Onkeyup="validate();">

هر وقت که کاربر کلیدی را در فیلد فرم فشار می دهد این عنصر فرم تابع validate() را فراخوانی می کند.

2 – ساخت و پیکربندی شی XMLHttpRequest

نحوه ساخت و پیکربندی یک شی XMLHttpRequest به صورت زیر می باشد:

function validate()

   {

       var idField = document.getElementById("userid");

       var url = "validate?id=" + escape(idField.value);

       if (window.XMLHttpRequest) {

            req = new XMLHttpRequest();

       } else if (window.ActiveXObject) {

                  req = new ActiveXObject("Microsoft.XMLHTTP");

       }

       req.open("GET", url, true);

       req.onreadystatechange = callback;

       req.send(null);

   }

تابع validate()، شی XMLHttpRequest  را می سازد و تابع open را برای آن فراخوانی می کند. تابع open نیازمند سه آرگومان می باشد:

متد HTTP که GET و یا POST می باشد.

URL مولفه سمت سرور که شی با آن فعل و انفعال انجام می دهد.

مقدار Boolean، که غیر همزمان بودن یا نبودن فراخوانی را نشان می دهد.

XMLHttpRequest.open(String method, String URL, Boolean asynchronous)

اگر یک فعل و انفعال به صورت غیر همزمان (true) باشد باید یک تابع callback مشخص شود. تابع callback برای این فعل و انفعال با دستور req.onreadystatechange = callback; تعریف می شود. برای جزئیات بیشتر بخش 6 را ببینید.

3- ساخت فراخوان شی XMLHttpRequest

وقتی اجرای تابع به req.send(null) می رسد؛ فراخوان ساخته می شود.در مورد یک متد HTTP GET محتوا شاید خالی و یا null باقی بماند. وقتی این تابع روی یک شی XMLHttpRequest فراخوانده می شود، URL که در زمان پیکربندی شی مورد استفاده قرار گرفته فراخوانده می شود. در مورد این مثال اطلاعاتی که پست شده است (id) شامل یک پارامتر URL می باشد.

وقتی که درخواست idempotent است یعنی درخواستی که دو بار تکرار می شود و همان نتیجه را باز می گرداند، از متد HTTP GET استفاده می شود.

زمانیکه که متد HTTP GET مورد استفاده قرار می گیرد، تعدادی از مرورگرها و سرورهای وب طول URL ، که شامل پارامترهای مجزای URL می باشد را محدود می کند.

به هنگام ارسال اطلاعات به سمت سرور متد HTTP POST مورد استفاده قرار میگیرد که این امر موجب تاثیرگذاری بر وضعیت برنامه سمت سرور خواهد شد. برای اجرای متد HTTP POST ، همانند دستور زیر باید عمل نمود:

req.setRequestHeder("Content-Type" , "application/x-www-form-urlencoded");

req.send("id=" + escape(idTextField.value));