Php开发入门技巧PHPAJAX教程

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

xmlHttp.readyState==







































白癜风医院去哪家
白癜风医院在哪里



转载请注明:http://www.xxcyfilter.com/zyfl/3482.html