欢迎来到天天文库
浏览记录
ID：34725325
大小：50.71 KB
页数：3页
时间：2019-03-10
《phpajax教程-ajaxmysql数据库实例》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。
1、PHP+AJAX教程(5):AJAXMySQL数据库实例 AJAX可用来与数据库进行交互式通信。 AJAX数据库实例 在下面的AJAX实例中，我们将演示网页如何使用AJAX技术从MySQL数据库中读取信息。 在下拉列表中选择一个名字（测试说明：该实例功能未实现） 在此列出用户信息。 此列由四个元素组成： MySQL数据库 简单的HTML表单 JavaScript PHP页面 数据库 将在本例中使用的数据库看起来类似这样： id FirstName LastName Age Hom
2、etown Job 1 Peter Griffin 41 Quahog Brewery 2 Lois Griffin 40 Newport PianoTeacher 3 Joseph Swanson 39 Quahog PoliceOfficer 4 Glenn Quagmire 41 Quahog Pilot HTML表单 上面的例子包含了一个简单的HTML表单，以及指向JavaScript的链接： <html><head><
3、scriptsrc="selectuser.js"></script></head><body><form>SelectaUser:<selectname="users"onchange="showUser(this.value)"><optionvalue="1">PeterGriffin</option><optionvalue=&qu
4、ot;2">LoisGriffin</option><optionvalue="3">GlennQuagmire</option><optionvalue="4">JosephSwanson</option></select></form><p><divid="txtHint"><b>Userinfowillbelist
5、edhere.</b></div></p></body></html> 例子解释-HTML表单 正如您看到的，它仅仅是一个简单的HTML表单，其中带有名为"users"的下拉列表，okooo澳客网这个列表包含了姓名，以及与数据库的"id"对应的选项值。 表单下面的段落包含了名为"txtHint"的div。这个div用作从web服务器检索到的信息的占位符。 当用户选择数据时，执行名为&qu
6、ot;showUser()"的函数。该函数的执行由"onchange"事件触发。 换句话说：每当用户改变下拉列表中的值，就会调用showUser()函数。 JavaScript 这是存储在"selectuser.js"文件中的JavaScript代码： varxmlHttpfunctionshowUser(str){xmlHttp=GetXmlHttpObject()if(xmlHttp==null){alert("Browserdoesnots
7、upportHTTPRequest")return}varurl="getuser.php"url=url+"?q="+strurl=url+"&sid="+Math.random()xmlHttp.onreadystatechange=stateChangedxmlHttp.open("GET",url,true)xmlHttp.send(null)}functionstateChanged(){if(xmlHtt
8、p.readyState==4
9、
10、xmlHttp.readyState=="complete"){document.getElementById("txtHint").innerHTML=xmlHttp.responseText}}functionGetXmlHttpObject(){varxmlHttp=null;try{//Fi
此文档下载收益归作者所有
