PHP-AJAX 與 PHP
AJAX 被用於創建交互性更強的應用程序。
AJAX PHP 實例
下面的實例將演示當用戶在輸入框中鍵入字元時,網頁如何與 Web 伺服器進行通信:
實例
嘗試在輸入框中輸入一個名字,如:Anna:
姓名:
返回值:
實例解釋 - HTML 頁面
當用戶在上面的輸入框中鍵入字元時,會執行 "showHint()" 函數。該函數由 "onkeyup" 事件觸發:
<html><head><script>function showHint(str){
源代碼解釋:
如果輸入框是空的(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>0if (strlen($q) > 0){
解釋:如果 JavaScript 發送了任何文本(即 strlen($q) > 0),則會發生:
查找匹配 JavaScript 發送的字元的姓名
如果未找到匹配,則將響應字元串設置為 "no suggestion"
如果找到一個或多個匹配姓名,則用所有姓名設置響應字元串
把響應發送到 "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 文件