You are on page 1of 2

<!doctype html public "-//w3c//dtd xhtml 1.

0 transitional//en"
"http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>ajax example - post (multiple possible)</title>
<link href="stylesheet.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="createxmlhttprequest.js" language="javascript
1.5"></script>
<script type="text/javascript" language="javascript 1.5">
<!--

var start = '<textarea style="width: 398px; height: 143px">';


var finish = '</textarea>';

// url of server script must be in same domain as this page


function callserver(whichsource) {

// ------ initialize the xhr object ------


var myrequest = null;
myrequest = createxmlhttprequest(); // get object to call server
var myurl = "http://harbormist.com/testcode/ajax_example2/quotehandler.ashx";
try {
myrequest.open("post", myurl, true);
}
catch (err4) {
alert('failed to open a connection to the server'); return;
}

// ------ assign callback to this anonymous inner function ------


myrequest.onreadystatechange = function()
{
if (myrequest.readystate == 4)
{
if (myrequest.status == 200)
{
//update page with result
var myquote =
myrequest.responsexml.getelementsbytagname("quote")[0].childnodes[0].nodevalue;
var mybutton =
myrequest.responsexml.getelementsbytagname("clientkey")[0].childnodes[0].nodevalue
;
if (mybutton == 1)
{
document.getelementbyid("area1").innerhtml=start + myquote +
finish; return;
}
document.getelementbyid("area2").innerhtml=start + myquote +
finish;
}
else {
handlehttperror(myrequest.status,' ');
}
}
} // end anonymous inner function

// ------ make the call ------


myrequest.setrequestheader('content-type','application/x-www-form-
urlencoded'); // post
try {
myrequest.send("clientkey=" + encodeuri(whichsource)); // only one
parameter sent
}
catch (err5) {
alert('failed to send to server'); return;
}

} // end callserver

// -->
</script>
</head>

<body bgcolor="#99ff00">

<h1 align="center">
ajax example - post (multiple possible)
</h1>

<br />
<hr />

<div id="area1">
<textarea style="width: 398px; height: 143px"></textarea>
</div>

<br />
<input type="submit" name="button1" onclick="callserver('1');" value="get quote">
<p />
<hr />

<div id="area2">
<textarea style="width: 398px; height: 143px"></textarea>
</div>

<br />
<input type="submit" name="button2" onclick="callserver('2');" value="get quote">
<p />
<hr />

</body>
</html>

You might also like