原生JS实现Ajax通过GET方式与PHP进行交互操作示例
发布:smiling 来源: PHP粉丝网 添加日期:2018-06-11 09:48:24 浏览: 评论:0
本文实例讲述了原生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" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
- <title>通过XMLHttpRequest对象读取HTML文件,并且输出读取结果</title>
- <style type="text/<a href="http://www.111cn.net/cssdiv/css.html" class="anchor" target="_blank">css</a>">
- <!--
- body {
- margin-left: 0px;
- margin-top: 00px;
- margin-right: 0px;
- margin-bottom: 0px;
- }
- -->
- </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调用的状态值并处理
- xmlHttp.open("GET",'searchrst.php?cont='+cont,false);
- xmlHttp.send(null);
- }
- function StatHandler(){
- if(xmlHttp.readyState==4 && xmlHttp.status==200){
- document.getElementById("webpage").innerHTML=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(!emptyempty($_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 "没有符合条件的数据";
- }
- }
- ?>
Tags: 示例 方式
相关文章
- ·php使用ajax示例(2013-12-09)
- ·PHP自动捕捉页面500错误示例(2014-01-19)
- ·PHP验证码实现代码简单示例(2014-08-22)
- ·php验证码程序代码(2014-08-22)
- ·一个完整php验证码实例程序(2014-08-25)
- ·PHP计算身份证校验码示例(2018-05-31)
- ·php利用云片网实现短信验证码功能的示例代码(2018-06-06)
- ·PHP基于双向链表与排序操作实现的会员排名功能示例(2018-06-06)
- ·php获取客户端IP及URL的方法示例(2018-07-26)
- ·php基于dom实现的图书xml格式数据示例(2018-07-26)
- ·PHP实现多级分类生成树的方法示例(2018-07-31)
- ·PHP基于DOM创建xml文档的方法示例(2018-07-31)
- ·PHP使用DOM和simplexml读取xml文档的方法示例(2018-07-31)
- ·php制作基于xml的RSS订阅源功能示例(2018-07-31)
- ·php实现文件与16进制相互转换的方法示例(2018-08-02)
- ·yii2简单使用less代替css示例(2018-08-06)
推荐文章
热门文章
最新评论文章
- 写给考虑创业的年轻程序员(10)
- PHP新手上路(一)(7)
- 惹恼程序员的十件事(5)
- PHP邮件发送例子,已测试成功(5)
- 致初学者:PHP比ASP优秀的七个理由(4)
- PHP会被淘汰吗?(4)
- PHP新手上路(四)(4)
- 如何去学习PHP?(2)
- 简单入门级php分页代码(2)
- php中邮箱email 电话等格式的验证(2)