主頁(yè) > 知識(shí)庫(kù) > 原生JS實(shí)現(xiàn)Ajax通過(guò)GET方式與PHP進(jìn)行交互操作示例

原生JS實(shí)現(xiàn)Ajax通過(guò)GET方式與PHP進(jìn)行交互操作示例

熱門標(biāo)簽:上海做外呼線路的通信公司 遼寧ai電銷機(jī)器人價(jià)格 長(zhǎng)沙做地圖標(biāo)注公司 電話機(jī)器人銷售主要負(fù)責(zé)什么 四川保險(xiǎn)智能外呼系統(tǒng)供應(yīng)商 地圖標(biāo)注專員怎么樣 寧波外呼營(yíng)銷系統(tǒng) 福建銀行智能外呼系統(tǒng)價(jià)格 房產(chǎn)中介用的是什么外呼系統(tǒng)

本文實(shí)例講述了原生JS實(shí)現(xiàn)Ajax通過(guò)GET方式與PHP進(jìn)行交互操作。分享給大家供大家參考,具體如下:

一、代碼

conn.php

?php
   $conn=mysql_connect("localhost","root","root") or die("數(shù)據(jù)庫(kù)連接失敗".mysql_error());
   mysql_select_db("db_database27",$conn) or die("數(shù)據(jù)庫(kù)連接失敗".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>通過(guò)XMLHttpRequest對(duì)象讀取HTML文件,并且輸出讀取結(jié)果/title>
style type="text/css">
!--
body {
  margin-left: 0px;
  margin-top: 00px;
  margin-right: 0px;
  margin-bottom: 0px;
}
-->
/style>/head>
script>
var xmlHttp;        //定義XMLHttpRequest對(duì)象
function createXmlHttpRequestObject(){
  //如果在internet Explorer下運(yùn)行
  if(window.ActiveXObject){
    try{
      xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }catch(e){
      xmlHttp=false;
    }
  }else{
  //如果在Mozilla或其他的瀏覽器下運(yùn)行
    try{
      xmlHttp=new XMLHttpRequest();
    }catch(e){
      xmlHttp=false;
    }
  }
   //返回創(chuàng)建的對(duì)象或顯示錯(cuò)誤信息
  if(!xmlHttp)
    alert("返回創(chuàng)建的對(duì)象或顯示錯(cuò)誤信息");
    else
    return xmlHttp;
}
function showsimple(){
  createXmlHttpRequestObject();
  var cont = document.getElementById("searchtxt").value;
  if(cont==""){
    alert('查詢關(guān)鍵字不能為空!');
    return false;
  }
    xmlHttp.onreadystatechange=StatHandler; //判斷URL調(diào)用的狀態(tài)值并處理
    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">nbsp;/td>
  td width="500" align="center" valign="bottom">strong>查詢員工信息,根據(jù)員工技能信息/strong>/td>
  td width="40">nbsp;/td>
 /tr>form id="searchform" name="searchform" method="get" action="#">
 tr>
  td height="40">nbsp;/td>
  td align="center">請(qǐng)輸入關(guān)鍵字:nbsp;input name="searchtxt" type="text" id="searchtxt" size="30" />
  nbsp;nbsp;input id="s_search" name="s_search" type="button" value="查詢" onclick="return showsimple()" />/td>
  td>nbsp;/td>
 /tr> /form>
 tr>
  td height="268">nbsp;/td>
  td align="center" valign="top">div id="webpage">/div>/td>
  td>nbsp;/td>
 /tr>
 tr>
  td>nbsp;/td>
  td>nbsp;/td>
  td>nbsp;/td>
 /tr>
/table>
/body>
/html>

searchrst.php

?php
header('Content-type: text/html;charset=GB2312');        //指定發(fā)送數(shù)據(jù)的編碼格式
  include_once 'conn/conn.php';                //連接數(shù)據(jù)庫(kù)
    $cont = $_GET['cont'];                 //獲取Ajax傳遞的查詢關(guān)鍵字
    if(!empty($_GET['cont'])){               //判斷如果關(guān)鍵字不為空
      $sql = "select * from tb_administrator where explains like '%".$cont."%'"; //定義SQL語(yǔ)句
      $result=mysql_query($sql,$conn);          //執(zhí)行模糊查詢
      if(mysql_num_rows($result)>0){        //獲取查詢結(jié)果
        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'>編號(hào)/td>td align='center' bgcolor='#FFFFFF'>描述/td>/tr>";
 while($myrow=mysql_fetch_array($result)){           //循環(huán)輸出查詢結(jié)果
 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 "沒(méi)有符合條件的數(shù)據(jù)";
      }
    }
?>

二、運(yùn)行結(jié)果

更多關(guān)于PHP相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《PHP+ajax技巧與應(yīng)用小結(jié)》、《PHP網(wǎng)絡(luò)編程技巧總結(jié)》、《PHP基本語(yǔ)法入門教程》、《php面向?qū)ο蟪绦蛟O(shè)計(jì)入門教程》、《php字符串(string)用法總結(jié)》、《php+mysql數(shù)據(jù)庫(kù)操作入門教程》及《php常見(jiàn)數(shù)據(jù)庫(kù)操作技巧匯總》

希望本文所述對(duì)大家PHP程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:
  • PHP自定義函數(shù)判斷是否為Get、Post及Ajax提交的方法
  • jquery ajax結(jié)合thinkphp的getjson實(shí)現(xiàn)跨域的方法
  • PHP+Ajax異步通訊實(shí)現(xiàn)用戶名郵箱驗(yàn)證是否已注冊(cè)( 2種方法實(shí)現(xiàn))
  • 基于PHP+Ajax實(shí)現(xiàn)表單驗(yàn)證的詳解
  • PHP+Ajax驗(yàn)證碼驗(yàn)證用戶登錄
  • php+ajax注冊(cè)實(shí)時(shí)驗(yàn)證功能
  • PHP+Ajax實(shí)現(xiàn)驗(yàn)證碼的實(shí)時(shí)驗(yàn)證
  • PHP與Ajax相結(jié)合實(shí)現(xiàn)登錄驗(yàn)證小Demo
  • php傳值方式和ajax的驗(yàn)證功能
  • ajax+php實(shí)現(xiàn)無(wú)刷新驗(yàn)證手機(jī)號(hào)的實(shí)例
  • PHP+Ajax簡(jiǎn)單get驗(yàn)證操作示例

標(biāo)簽:常德 澳門 工商登記 深圳 延安 佛山 宜春 宿遷

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《原生JS實(shí)現(xiàn)Ajax通過(guò)GET方式與PHP進(jìn)行交互操作示例》,本文關(guān)鍵詞  原生,實(shí)現(xiàn),Ajax,通過(guò),GET,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《原生JS實(shí)現(xiàn)Ajax通過(guò)GET方式與PHP進(jìn)行交互操作示例》相關(guān)的同類信息!
  • 本頁(yè)收集關(guān)于原生JS實(shí)現(xiàn)Ajax通過(guò)GET方式與PHP進(jìn)行交互操作示例的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章