AJAX请求
在下面的AJAX例子中,我们将演示当用户向web表单中输入数据时,网页如何与在线的web服务器进行通信。
在下面的文本框中输入一个名字(测试说明:该实例功能未实现)
FirstName:Suggestions:
这个例子包括三张页面:
asimpleHTMLformaJavaScriptaPHPpageHTML表单
这是HTML表单。它包含一个简单的HTML表单和指向JavaScript的链接:
htmlheadscriptsrc=clienthint.js/script/headbodyformFirstName:inputtype=textid=txt1onkeyup=showHint(this.value)/formpSuggestions:spanid=txtHint/span/p/body/html
例子解释-HTML表单
正如您看到的,上面的HTML页面含有一个简单的HTML表单,其中带有一个名为txt1的输入字段。
该表单是这样工作的:
当用户在输入域中按下并松开按键时,会触发一个事件
当该事件被触发时,执行名为showHint()的函数
表单的下面是一个名为txtHint的span。它用作showHint()函数所返回数据的占位符。
JavaScript
JavaScript代码存储在clienthint.js文件中,它被链接到HTML文档:
varxmlHttpfunctionshowHint(str){if(str.length==0){document.getElementById(txtHint).innerHTML=return}xmlHttp=GetXmlHttpObject()if(xmlHttp==null){alert(BrowserdoesnotsupportHTTPRequest)return}varurl=gethint.phpurl=url+?q=+strurl=url+sid=+Math.random()xmlHttp.onreadystatechange=stateChangedxmlHttp.open(GET,url,true)xmlHttp.send(null)}functionstateChanged(){if(xmlHttp.readyState==4