本文實例講述了原生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/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">nbsp;/td>
td width="500" align="center" valign="bottom">strong>查詢員工信息，根據員工技能信息/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">請輸入關鍵字：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'); //指定發送數據的編碼格式
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 "沒有符合條件的數據";
}
}
?>
二、運行結果
更多關于PHP相關內容感興趣的讀者可查看本站專題：《PHP+ajax技巧與應用小結》、《PHP網絡編程技巧總結》、《PHP基本語法入門教程》、《php面向對象程序設計入門教程》、《php字符串(string)用法總結》、《php+mysql數據庫操作入門教程》及《php常見數據庫操作技巧匯總》
希望本文所述對大家PHP程序設計有所幫助。
您可能感興趣的文章:- PHP自定義函數判斷是否為Get、Post及Ajax提交的方法
- jquery ajax結合thinkphp的getjson實現跨域的方法
- PHP+Ajax異步通訊實現用戶名郵箱驗證是否已注冊( 2種方法實現)
- 基于PHP+Ajax實現表單驗證的詳解
- PHP+Ajax驗證碼驗證用戶登錄
- php+ajax注冊實時驗證功能
- PHP+Ajax實現驗證碼的實時驗證
- PHP與Ajax相結合實現登錄驗證小Demo
- php傳值方式和ajax的驗證功能
- ajax+php實現無刷新驗證手機號的實例
- PHP+Ajax簡單get驗證操作示例
