<meta http-equiv= "Content-type" cont Ent= "text/html; Charset=utf-8 ">
<title> a simple Ajax instance that does not involve the server </title>
<script type=" Text/javascript ">
//Declare a variable that references XMLHttpRequest
var xhr = null;
//The function called when selecting a book
function Updatecharacters () {
var selectshow = document.getElementById ("Selshow"). Value;
if (selectshow = = "") {
document.getElementById ("Divcharacters"). InnerHTML = "";
return;
}
//Instantiate a XMLHttpRequest Object
if window. XMLHttpRequest) {
//non ie
XHR = new XMLHttpRequest ();
} else {
//IE
XHR = new ActiveXObject ("Microsoft.XMLHTTP");
}
Xhr.onreadystatechange = CallbackHandler;
URL = selectshow + ". html";
Xhr.open ("post", url, True);
Xhr.send (NULL); The
}
//Is the function that would repeatedly be called by our
//XMLHttpRequest Object DuriNg the life cycle of request
Function CallbackHandler () {
if (xhr.readystate = 4) {
Document.getelement Byid ("Divcharacters"). InnerHTML = Xhr.responsetext;
}
</script> <body>
Our first Ajax instance
<br></br>
Select a masterpiece:
<br>
<select onchange= "updatecharacters ();" id= "Selshow" >
<option value= "" & gt;</option>
<option value= "Xyj" > Journey to </option>
<option value= "HLM" > Dream of Red Mansions </option >
<option value= "Shz" > Marsh </option>
<option value= "Sgyy" > The "All-Kingdoms </option>"
</s Elect>
<br></br>
Returns the main tasks of the classic:
<br>
<div id= "Divcharacters" >
<se Lect>
</select>
</div>
</body>
