原生JS实现Ajax通过GET方式与PHP进行交互操作示例

2018-09-07 15:00

阅读：458

　　本文实例讲述了原生JS实现Ajax通过GET方式与PHP进行交互操作。分享给大家供大家参考，具体如下：

　　一、代码

　　conn.php

　　 <?php $conn=mysql_connect(localhost,root,root) or die(数据库连接失败.mysql_error()); mysql_select_db(db_database27,$conn) or die(数据库连接失败.mysql_error()); mysql_query(set names gb2312); ?>

　　index.php

<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN 通过XMLHttpRequest对象读取HTML文件，并且输出读取结果</title> <style type=text/css>  </style></head> <script> var xmlHttp; //定义XMLHttpRequest对象 function createXmlHttpRequestObject(){ //如果在internet Explorer下运行 if(window.ActiveXObject){ try{ xmlHttp=new ActiveXObject(Microsoft.XMLHTTP); }catch(e){ xmlHttp=false; } }else{ //如果在Mozilla或其他的浏览器下运行 try{ xmlHttp=new XMLHttpRequest(); }catch(e){ xmlHttp=false; } } //返回创建的对象或显示错误信息 if(!xmlHttp) alert(返回创建的对象或显示错误信息); else return xmlHttp; } function showsimple(){ createXmlHttpRequestObject(); var cont = document.getElementById(searchtxt).value; if(cont==){ alert(查询关键字不能为空！); return false; } xmlHttp.onreadystatechange=StatHandler; //判断URL调用的状态值并处理erHTML=xmlHttp.responseText; } } </script> <body> <table width=800 height=632 border=0 align=center cellpadding=0 cellspacing=0 background=images/bj.jpg> <tr> <td width=260 height=245></td> <td width=500 align=center valign=bottom><strong>查询员工信息，根据员工技能信息</strong></td> <td width=40></td> </tr><form id=searchform name=searchform method=get action=#> <tr> <td height=40></td> <td align=center>请输入关键字：<input name=searchtxt type=text id=searchtxt size=30 /> <input id=s_search name=s_search type=button value=查询 onclick=return showsimple() /></td> <td></td> </tr> </form> <tr> <td height=268></td> <td align=center valign=top><div id=webpage></div></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> </table> </body> </html>

　　searchrst.php

　　 <?php header(Content-type: text/html;charset=GB2312); //指定发送数据的编码格式 include_once conn/conn.php; //连接数据库 $cont = $_GET[cont]; //获取Ajax传递的查询关键字 if(!empty($_GET[cont])){ //判断如果关键字不为空 $sql = select * from tb_administrator where explains like %.$cont.%; //定义SQL语句 $result=mysql_query($sql,$conn); //执行模糊查询 if(mysql_num_rows($result)>0){ //获取查询结果 echo <table width=500 border=1 cellpadding=1 cellspacing=1 bordercolor=#FFFFCC bgcolor=#666666>; echo <tr><td height=30 align=center bgcolor=#FFFFFF>ID</td><td align=center bgcolor=#FFFFFF>名称</td><td align=center bgcolor=#FFFFFF>编号</td><td align=center bgcolor=#FFFFFF>描述</td></tr>; while($myrow=mysql_fetch_array($result)){ //循环输出查询结果 echo <tr><td height=22 bgcolor=#FFFFFF>.$myrow[id].</td>; echo <td bgcolor=#FFFFFF>.$myrow[user].</td>; echo <td bgcolor=#FFFFFF>.$myrow[number].</td>; echo <td bgcolor=#FFFFFF>.$myrow[explains].</td>; echo </tr>; } echo </table>; }else{ echo 没有符合条件的数据; } } ?>

　　二、运行结果