ajax的使用案例.docxVIP

HTMLhtmlheadmeta http-equiv=Content-Type content=text/html; charset=utf-8titleAJAX的使用/titlescript src=js/selectuser.js/script/headbodyform Select a User:select name=users onchange=showUser(this.value)option value=1Peter Griffin/optionoption value=2Lois Griffin/optionoption value=3Glenn Quagmire/optionoption value=4Joseph Swanson/option/select/formpdiv id=txtHintbUser info will be listed here./b/div/p/body/htmlJsvar xmlHttpfunction showUser(str){ xmlHttp=GetXmlHttpObject();if (xmlHttp==null){alert (Browser does not support HTTP Request);return;}var url=getuser.php;url=url+?q=+str;url=url+sid=+Math.random();xmlHttp.onreadystatechange=stateChanged; xmlHttp.open(GET,url,true);xmlHttp.send(null);}function stateChanged() { if (xmlHttp.readyState==4 || xmlHttp.readyState==complete){ document.getElementById(txtHint).innerHTML=xmlHttp.responseText; } }function GetXmlHttpObject(){var xmlHttp=null;if(window.XMLHttpRequest){//非IE浏览器xmlHttp=new XMLHttpRequest();//mozilla浏览器}else if(window.ActiveXObject){try{xmlHttp=new ActiveXObject(Msxml2.XMLHTTP);}catch(e){}try{xmlHttp=new ActiveXObject(Microsoft.XMLHTTP);}catch (e){}if(!xmlHttp){window.alert(不能创建XMLHttpRequest对象实例);return false;}}return xmlHttp;}Php?php$q=$_GET[q];$con = mysql_connect(localhost, root, guotai);if (!$con) { die(Could not connect: . mysql_error()); }mysql_select_db(ajax_demo, $con);$sql=SELECT * FROM user WHERE id = .$q.;$result = mysql_query($sql);echo table border=1 cellspacing=0 bordercolor=#ddd;trthFirstname/ththLastname/ththAge/ththHometown/ththJob/th/tr;while($row = mysql_fetch_array($result)) { echo tr; echo td . $row[FirstName] . /td; echo td . $row[LastName] . /td; echo td . $row[Age] . /td; echo td . $row[Hometown] . /td; echo td . $row[Job] . /td; echo /tr; }echo /table;mysql_close($con);?