rlm@0: <html>
rlm@0: <head>
rlm@0: <title>Simple Ajax Example</title>
rlm@0: <script language="Javascript">
rlm@0: function xmlhttpPost(strURL) {
rlm@0: var xmlHttpReq = false;
rlm@0: var self = this;
rlm@0: // Mozilla/Safari
rlm@0: if (window.XMLHttpRequest) {
rlm@0: self.xmlHttpReq = new XMLHttpRequest();
rlm@0: }
rlm@0: // IE
rlm@0: else if (window.ActiveXObject) {
rlm@0: self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
rlm@0: }
rlm@0: self.xmlHttpReq.open('POST', strURL, true);
rlm@0: self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
rlm@0: self.xmlHttpReq.onreadystatechange = function() {
rlm@0: if (self.xmlHttpReq.readyState == 4) {
rlm@0: updatepage(self.xmlHttpReq.responseText);
rlm@0: }
rlm@0: }
rlm@0: self.xmlHttpReq.send(getquerystring());
rlm@0: }
rlm@0:
rlm@0: function getquerystring() {
rlm@0: var form = document.forms['f1'];
rlm@0: var word = form.word.value;
rlm@0: qstr = 'w=' + escape(word); // NOTE: no '?' before querystring
rlm@0: return qstr;
rlm@0: }
rlm@0:
rlm@0: function updatepage(str){
rlm@0: document.getElementById("result").innerHTML = str;
rlm@0: }
rlm@0: </script>
rlm@0: </head>
rlm@0: <body>
rlm@0: <form name="f1">
rlm@0: <p>word: <input name="word" type="text">
rlm@0: <input value="Go" type="button" onclick='JavaScript:xmlhttpPost("./simple-ajax-example.cgi")'></p>
rlm@0: <div id="result"></div>
rlm@0: </form>
rlm@0: </body>
rlm@0: </html>