An original eco-Ajax process, an example of submitting a form

An AJAX, first to create the object----------Response completion (readystate)

1. Creating objects
   

var xmlhttp;

if (window. ActiveXObject) {//ie6 below

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

}else{

Xmlhttp=new XMLHttpRequest ();

}

2. Get the form data

var Username=document.getelementbyid ("username"). Value;

var Password=document.getelementbyid ("password"). Value;

var data= "USERNAME" +username+ "&password" +password;

var url= "/test.php";

3. Submit data

Xmlhttp.onreadystatechange=function () {

if (xmlhttp.readystate==4&&xmlhttp.status==200) {

document.getElementById ("Result"). Innerhtml=xmlhttp.responsetext;

}

}

Xmlhttp.open ("Post", url,true); Form submission can only be loaded with post, asynchronous loading as true;

POST data like an HTML form, use setRequestHeader () to add an HTTP header

Xmlhttp.setrequestheader ("Content-type", "application/x-www-form-urlencoded");

Xmlhttp.send (data);

The PHP code is as follows:

welcome<?php echo $_post["username"];? > <br/>

password<?php echo $_post["Possword"];? >

An original eco-Ajax process, an example of submitting a form