當前位置 : IT培訓網 > PHP開發 > php教程 > PHP入門教程之AJAX 與 PHP

PHP入門教程之AJAX 與 PHP

時間:2016-12-07 11:08:35??來源:php培訓網??作者:鄭州IT培訓網??已有:名學員訪問該課程
今天IT培訓網小編要和大家分享的是PHP入門教程之 AJAX 與 PHP,學習應該是沒有捷徑的,如果真說有,那就是腳踏實地。

今天IT培訓網小編要和大家分享的是PHP入門教程之 AJAX 與 PHP,學習應該是沒有捷徑的,如果真說有,那就是腳踏實地。

AJAX 被用于創建交互性更強的應用程序。

AJAX PHP 實例

下面的實例將演示當用戶在輸入框中鍵入字符時,網頁如何與 Web 服務器進行通信:

實例

嘗試在輸入框中輸入一個名字,如:Anna:

姓名:

返回值:

實例解釋 - HTML 頁面

當用戶在上面的輸入框中鍵入字符時,會執行 "showHint()" 函數。該函數由 "onkeyup" 事件觸發:

<html>

<head>

<script>

function showHint(str)

{

if (str.length==0)

{

document.getElementById("txtHint").innerHTML="";

return;

}

if (window.XMLHttpRequest)

{

// IE7+, Firefox, Chrome, Opera, Safari 瀏覽器執行的代碼

xmlhttp=new XMLHttpRequest();

}

else

{

//IE6, IE5 瀏覽器執行的代碼

xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

}

xmlhttp.onreadystatechange=function()

{

if (xmlhttp.readyState==4 && xmlhttp.status==200)

{

document.getElementById("txtHint").innerHTML=xmlhttp.responseText;

}

}

xmlhttp.open("GET","gethint.php?q="+str,true);

xmlhttp.send();

}

</script>

</head>

<body>

<p><b>在輸入框中輸入一個姓名:</b></p>

<form>

姓名: <input type="text" onkeyup="showHint(this.value)">

</form>

<p>返回值: <span id="txtHint"></span></p>

</body>

</html>

源代碼解釋:

如果輸入框是空的(str.length==0),該函數會清空 txtHint 占位符的內容,并退出該函數。

如果輸入框不是空的,那么 showHint() 會執行以下步驟:

創建 XMLHttpRequest 對象

創建在服務器響應就緒時執行的函數

向服務器上的文件發送請求

請注意添加到 URL 末端的參數(q)(包含輸入框的內容)

PHP 文件

上面這段通過 JavaScript 調用的服務器頁面是名為 "gethint.php" 的 PHP 文件。

"gethint.php" 中的源代碼會檢查姓名數組,然后向瀏覽器返回對應的姓名:

<?php

// 將姓名填充到數組中

$a[]="Anna";

$a[]="Brittany";

$a[]="Cinderella";

$a[]="Diana";

$a[]="Eva";

$a[]="Fiona";

$a[]="Gunda";

$a[]="Hege";

$a[]="Inga";

$a[]="Johanna";

$a[]="Kitty";

$a[]="Linda";

$a[]="Nina";

$a[]="Ophelia";

$a[]="Petunia";

$a[]="Amanda";

$a[]="Raquel";

$a[]="Cindy";

$a[]="Doris";

$a[]="Eve";

$a[]="Evita";

$a[]="Sunniva";

$a[]="Tove";

$a[]="Unni";

$a[]="Violet";

$a[]="Liza";

$a[]="Elizabeth";

$a[]="Ellen";

$a[]="Wenche";

$a[]="Vicky";

//從請求URL地址中獲取 q 參數

$q=$_GET["q"];

//查找是否由匹配值, 如果 q>0

if (strlen($q) > 0)

{

$hint="";

for($i=0; $i<count($a); $i++)

{

if (strtolower($q)==strtolower(substr($a[$i],0,strlen($q))))

{

if ($hint=="")

{

$hint=$a[$i];

}

else

{

$hint=$hint." , ".$a[$i];

}

}

}

}

// 如果沒有匹配值設置輸出為 "no suggestion"

if ($hint == "")

{

$response="no suggestion";

}

else

{

$response=$hint;

}

//輸出返回值

echo $response;

?>

解釋:如果 JavaScript 發送了任何文本(即 strlen($q) > 0),則會發生:

查找匹配 JavaScript 發送的字符的姓名

如果未找到匹配,則將響應字符串設置為 "no suggestion"

如果找到一個或多個匹配姓名,則用所有姓名設置響應字符串

把響應發送到 "txtHint" 占位符

今天的PHP入門教程就先分享到這里了,道路也許有些漫長,但腳比路長,沒有走不完的路,沒有翻不了的山。

頂一下
(0)
0%
踩一下
(0)
0%
------分隔線----------------------------
------分隔線----------------------------
PHP 教程
1、PHP 基礎
1.1 PHP 簡介
1.2 PHP 安裝
1.3 PHP 語法
1.4 PHP 變量
1.5 PHP echo/print
1.6 PHP 數據類型
1.7 PHP 常量
1.8 PHP 字符串
1.9 PHP 運算符
1.10 PHP If...Else
1.11 PHP Switch
1.12 PHP 數組
1.13 PHP 數組排序
1.14 PHP 超級全局變量
1.15 PHP While 循環
1.16 PHP For 循環
1.17 PHP 函數
1.18 PHP 魔術變量
1.19 PHP 命名空間
1.20 PHP 面向對象
2、PHP 表單
2.1 PHP 表單
2.2 PHP 表單驗證
2.3 PHP 表單 - 必需字段
2.4 PHP 表單 - 驗證郵件和URL
2.5 PHP 完整表單實例
2.6 PHP $_GET 變量
2.7 PHP $_POST 變量
3、PHP 高級教程
3.1 PHP 多維數組
3.2 PHP 日期
3.3 PHP 包含
3.4 PHP 文件
3.5 PHP 文件上傳
3.6 PHP Cookie
3.7 PHP Session
3.8 PHP E-mail
3.9 PHP 安全 E-mail
3.10 PHP Error
3.11 PHP 過濾器
3.12 PHP 高級過濾器
3.13 PHP JSON
4、PHP 7 新特性
4.1 PHP 7 新特性
5、PHP 數據庫
5.1 PHP MySQL 簡介
5.2 PHP MySQL 連接
5.3 PHP MySQL 創建數據庫
5.4 PHP MySQL 創建數據表
5.5 PHP MySQL 插入數據
5.6 PHP MySQL 插入多條數據
5.7 PHP MySQL 預處理語句
5.8 PHP MySQL 讀取數據
5.9 PHP MySQL Where
5.10 PHP MySQL Order By
5.11 PHP MySQL Update
5.12 PHP MySQL Delete
5.13 PHP ODBC
6、PHP XML
6.1 XML Expat Parser
6.2 XML DOM
6.3 XML SimpleXML
7、PHP 與 AJAX
7.1 AJAX 簡介
7.2 AJAX 與PHP
7.3 AJAX 數據庫
7.4 AJAX XML
7.5 AJAX 實時搜索
7.6 AJAX RSS Reader
7.7 AJAX 投票
五月情天