<! Doctype HTML>
<HTML>
<Head>
<Title> Ajax framework </title>
<Meta charset = "UTF-8">
<SCRIPT type = "text/JavaScript">
Function Ajax (URL, success, error ){
If (window. XMLHttpRequest ){
VaR oajax = new XMLHttpRequest ();
}
Else {
VaR oajax = new activexobject ('Microsoft. xmlhttp ');
} // Create an Ajax object that is compatible with IE6 and does not support XMLHttpRequest
Oajax. Open ('post', URL, true); // connect to open (method, file name, asynchronous transmission (true) synchronous transmission (false)
Oajax. Send (); // send the request
// Receive results
Oajax. onreadystatechange = function (){
If (oajax. readystate = 4 ){
// Whether the task is completed
If (oajax. Status> = 200 & oajax. Status <300 | oajax. Status = 304 ){
// The resolution is 2XX or the cache is 304
If (SUCCESS ){
Success (oajax. responsetext );
// Responsetext parse text
}
}
Else {
If (error ){
Error ();
}
}
}
}
}
Window. onload = function (){
VaR obtn = Document. getelementbyid ('button1 ');
Obtn. onclick = function (){
Ajax('data.html ', function (STR ){
Alert (STR );
}, Function (){
Alert ('read failed ');
})
}
}
</SCRIPT>
</Head>
<Body>
<Input type = "button" id = "button1" value = "send">
</Body>
</Html>
Data.html
{'Username': 'objeck '}