您的位置:澳门402永利com > 澳门402永利com网络 > 原生JS完毕Ajax通过GET情势与PHP举办相互操作示例

原生JS完毕Ajax通过GET情势与PHP举办相互操作示例

发布时间:2019-10-01 17:37编辑:澳门402永利com网络浏览(194)

    本文实例陈说了原生JS完毕Ajax通过GET格局与PHP举办互动操作。分享给咱们供咱们参谋,具体如下:

    editor 后台编辑器

    一、代码

    views 后台湾TV中心图

    conn.php

    css 后台样式

    <?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");
    ?>
    

    images 后台图片

    index.php

    js 后台脚本

    <!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/css">
    <!--
    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>
    

    style 后台主旨

    searchrst.php

    add_log.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 "没有符合条件的数据";
          }
        }
    ?>
    

    add_page.php 新建页面

    二、运转结果

    admin_log.php 小说管理

    图片 1

    admin_page.php 写文章

    attlib.php 上传附件

    blogger.php 设置

    comment.php 商量管理

    comment_edit.php 编辑商议

    comment_reply.php 回复评论

    configure.php 网址基本配置

    data.php 数据库备份

    edit_log.php 编辑成文

    edit_page.php 编辑页面

    footer.php 后台页脚

    header.php 后台最上端+左列表

    index.php 后台首页

    linkedit.php 编辑链接

    links.php 友情链接管理

    login.php 后台登陆页面

    navbar.php 导航管理

    naviedit.php 修改导航

    plugin.php 插件管理

    plugin_install.php 安装插件

    seo.php seo设置

    sort.php 分类处理

    sortedit.php 编辑分类

    store.php 应用主题

    store_install.php 安装使用

    style.php 风格选用

    tag.php 标签管理

    tagedit.php 标签修改

    template.php 模版接纳

    template_crop.php 裁剪图片

    template_install.php 安装模版

    template_top.php 自定义最上部图片

    twitter.php 微语

    upload.php 上传附件

    upload_multi.php 批量上传附属类小部件

    user.php 客户管理

    useredit.php 修改小编资料

    widgets.php 左侧栏组件管理

    admin_log.php 管理小说

    attachment.php 附属类小部件管理

    blogger.php 个人资料

    comment.php 商量管理

    configure.php 基本设置

    data.php 数据备份

    globals.php 后台全局项加载

    index.php 管理宗旨

    link.php 链接管理

    navbar.php 链接管理

    page.php 页面管理

    plugin.php 插件管理

    save_log.php 保存小说/扩展/修改

    seo.php seo设置

    sort.php 分类管理

    store.php 应用中央

    style.php 基本设置

    tag.php 标签管理

    template.php 模板管理

    twitter.php 微语

    user.php 客商管理

    widgets.php 侧面栏目处理

    write_log.php 撰写/编辑成文

    本文由澳门402永利com发布于澳门402永利com网络,转载请注明出处:原生JS完毕Ajax通过GET情势与PHP举办相互操作示例

    关键词:

上一篇:函数教程

下一篇:没有了