當前位置:
首頁 > 知識 > PHP-AJAX 與 PHP

PHP-AJAX 與 PHP

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



PHP-AJAX 與 PHP

AJAX PHP 實例

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

實例

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

姓名:

返回值:



PHP-AJAX 與 PHP

實例解釋 - HTML 頁面

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

<html><head><script>function showHint(str){

源代碼解釋:

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

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

  • 創建 XMLHttpRequest 對象

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

  • 向伺服器上的文件發送請求

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


PHP-AJAX 與 PHP

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>0if (strlen($q) > 0){

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

  1. 查找匹配 JavaScript 發送的字元的姓名

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

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

  4. 把響應發送到 "txtHint" 佔位符

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 程序員小新人學習 的精彩文章:

PHP編程 SimpleXML
PHP 編程XML DOM
PHP編程 MySQL Update

TAG:程序員小新人學習 |

您可能感興趣

PHP程序的JSON
PHPRAP 1.0.0 發布,打造PHP版API介面管理系統!
PHP-Beast 加密你的PHP源代碼
PHP 解析 XML
PHP 第一個PHP程序
PHP HTTP客戶端-Guzzle原理解析
PHP的純CPU基準測試
PHP 8 中確認支持 JIT!
幾張圖為你分析HTML、JS與PHP之間的數據傳輸
正式支持 PHP 7.X
PHP 使用 Redis
如何在 HTTP 頭中隱藏 PHP 版本號
Web Pages 編程 PHP
使用PHP編寫HTTP伺服器
PHP MySql 分頁實例
系統學習PHP之API介面
Linux部署Nginx+Mysql+PHP+PHPMyAdmin4環境
PHP7 JIT 相關開源項目
PHP PDO 簡單教程
PHP 生成 CSV 文件