بالبحث في جوجل يمكنك الحصول على النتائج التالية :
Google
قم بانشاء ملف ajax.js :
كود:
function createRequestObject() {
var req;
try {
req = new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e)
{
req = new XMLHttpRequest();
}
return req;
}
var http = createRequestObject();
function sendReq(){
http.open('POST',"http://www.website2.com/proccess.php",false);
http.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
http.onreadystatechange = handleResponse;
http.send("id=1&name="+Namefld.value);
}
function handleResponse(){
if(http.readyState == 4 && http.status == 200){
var response = http.responseText;
if(response){
document.getElementById("response").innerHTML = response;
}
}
}
وبعدها تقوم بانشاء proccess.php والذي يقوم باستقبال البيانات من خلال _POST والتعامل معها .. ومن ثم ارجاع نتيجة نصية ( ويمكنك تغييرها إلى XML )
والخطوة الاخيرة هي ربط الفورم الاساسي بالجافا سكربت بالفنكشن ( SendReq ) مثلا كالتالي :
كود:
onClick = "sendReq()" ..
ملاحظات :
- في الجافا سكربت المتغير اللي اسمه namefld.value المفروض انه بيجيب قيمة ال value من الفورم ، وهناك طرق عديدة لهذا الامر .. وهناك طرق تعمل على متصفحات معينة فقط .. وهناك طرق تعمل على جميع المتغيرات ( يعني محتاج منك تبص على الموضوع ده .. وطبعا مالوش علاقة بالاجاكس .. هذه النقطة كلها جافا سكربت وبس )
- لازم يكون هناك element في الصفحة بتاعتك ( وليكن مثلا div ) ويكون ال id بتاعه = response عشان يشيل قيمة النتائج اللي الجاية من proccess.php
- يمكنك وضع قيمة ال response بصورة loading في الفنكشن sendReq حتى تحصل على loading scence ..
بالتوفيق