• 售前

  • 售后

热门帖子
入门百科

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

[复制链接]
勇敢的树袋熊1 显示全部楼层 发表于 2021-10-25 20:14:06 |阅读模式 打印 上一主题 下一主题
本文实例报告了原生JS实现Ajax通过GET方式与PHP进行交互操纵。分享给各人供各人参考,详细如下:
一、代码
conn.php
  1. <?php
  2.    $conn=mysql_connect("localhost","root","root") or die("数据库连接失败".mysql_error());
  3.    mysql_select_db("db_database27",$conn) or die("数据库连接失败".mysql_error());
  4.    mysql_query("set names gb2312");
  5. ?>
复制代码
index.php
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  5. <title>通过XMLHttpRequest对象读取HTML文件,并且输出读取结果</title>
  6. <style type="text/css">
  7. <!--
  8. body {
  9.   margin-left: 0px;
  10.   margin-top: 00px;
  11.   margin-right: 0px;
  12.   margin-bottom: 0px;
  13. }
  14. -->
  15. </style></head>
  16. <script>
  17. var xmlHttp;        //定义XMLHttpRequest对象
  18. function createXmlHttpRequestObject(){
  19.   //如果在internet Explorer下运行
  20.   if(window.ActiveXObject){
  21.     try{
  22.       xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
  23.     }catch(e){
  24.       xmlHttp=false;
  25.     }
  26.   }else{
  27.   //如果在Mozilla或其他的浏览器下运行
  28.     try{
  29.       xmlHttp=new XMLHttpRequest();
  30.     }catch(e){
  31.       xmlHttp=false;
  32.     }
  33.   }
  34.    //返回创建的对象或显示错误信息
  35.   if(!xmlHttp)
  36.     alert("返回创建的对象或显示错误信息");
  37.     else
  38.     return xmlHttp;
  39. }
  40. function showsimple(){
  41.   createXmlHttpRequestObject();
  42.   var cont = document.getElementById("searchtxt").value;
  43.   if(cont==""){
  44.     alert('查询关键字不能为空!');
  45.     return false;
  46.   }
  47.     xmlHttp.onreadystatechange=StatHandler; //判断URL调用的状态值并处理
  48.     xmlHttp.open("GET",'searchrst.php?cont='+cont,false);
  49.     xmlHttp.send(null);
  50. }
  51. function StatHandler(){
  52.   if(xmlHttp.readyState==4 && xmlHttp.status==200){
  53.     document.getElementById("webpage").innerHTML=xmlHttp.responseText;
  54.   }
  55. }
  56. </script>
  57. <body>
  58. <table width="800" height="632" border="0" align="center" cellpadding="0" cellspacing="0" background="images/bj.jpg">
  59. <tr>
  60.   <td width="260" height="245">&nbsp;</td>
  61.   <td width="500" align="center" valign="bottom"><strong>查询员工信息,根据员工技能信息</strong></td>
  62.   <td width="40">&nbsp;</td>
  63. </tr><form id="searchform" name="searchform" method="get" action="#">
  64. <tr>
  65.   <td height="40">&nbsp;</td>
  66.   <td align="center">请输入关键字:&nbsp;<input name="searchtxt" type="text" id="searchtxt" size="30" />
  67.   &nbsp;&nbsp;<input id="s_search" name="s_search" type="button" value="查询" onclick="return showsimple()" /></td>
  68.   <td>&nbsp;</td>
  69. </tr> </form>
  70. <tr>
  71.   <td height="268">&nbsp;</td>
  72.   <td align="center" valign="top"><div id="webpage"></div></td>
  73.   <td>&nbsp;</td>
  74. </tr>
  75. <tr>
  76.   <td>&nbsp;</td>
  77.   <td>&nbsp;</td>
  78.   <td>&nbsp;</td>
  79. </tr>
  80. </table>
  81. </body>
  82. </html>
复制代码
searchrst.php
  1. <?php
  2. header('Content-type: text/html;charset=GB2312');        //指定发送数据的编码格式
  3.   include_once 'conn/conn.php';                //连接数据库
  4.     $cont = $_GET['cont'];                 //获取Ajax传递的查询关键字
  5.     if(!empty($_GET['cont'])){               //判断如果关键字不为空
  6.       $sql = "select * from tb_administrator where explains like '%".$cont."%'"; //定义SQL语句
  7.       $result=mysql_query($sql,$conn);          //执行模糊查询
  8.       if(mysql_num_rows($result)>0){        //获取查询结果
  9.         echo "<table width='500' border='1' cellpadding='1' cellspacing='1' bordercolor='#FFFFCC' bgcolor='#666666'>";
  10.         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>";
  11. while($myrow=mysql_fetch_array($result)){           //循环输出查询结果
  12. echo "<tr><td height='22' bgcolor='#FFFFFF'>".$myrow[id]."</td>";
  13. echo "<td bgcolor='#FFFFFF'>".$myrow[user]."</td>";
  14.   echo "<td bgcolor='#FFFFFF'>".$myrow[number]."</td>";
  15. echo "<td bgcolor='#FFFFFF'>".$myrow[explains]."</td>";
  16. echo "</tr>";
  17. }
  18. echo "</table>";
  19.       }else{
  20.       echo "没有符合条件的数据";
  21.       }
  22.     }
  23. ?>
复制代码
二、运行结果

更多关于PHP相干内容感爱好的读者可检察本站专题:《PHP+ajax技巧与应用小结》、《PHP网络编程技巧总结》、《PHP根本语法入门教程》、《php面向对象步伐筹划入门教程》、《php字符串(string)用法总结》、《php+mysql数据库操纵入门教程》及《php常见数据库操纵技巧汇总》
渴望本文所述对各人PHP步伐筹划有所资助。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

帖子地址: 

回复

使用道具 举报

分享
推广
火星云矿 | 预约S19Pro,享500抵1000!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

草根技术分享(草根吧)是全球知名中文IT技术交流平台,创建于2021年,包含原创博客、精品问答、职业培训、技术社区、资源下载等产品服务,提供原创、优质、完整内容的专业IT技术开发社区。
  • 官方手机版

  • 微信公众号

  • 商务合作