本篇文章為大家展示了在php中關于ajax的使用實例講解,代碼簡明扼要并且容易理解,絕對能使你眼前一亮,通過這篇文章的詳細介紹希望你能有所收獲。
從事成都西信服務器托管,服務器租用,云主機,網絡空間,國際域名空間,CDN,網絡代維等服務。
一、總結
1、多復習:代碼都挺簡單的,就是需要復習,要多看
2、ajax原理:ajax就是部分更新頁面,其實還在的html頁面監聽到事件后,然后傳給服務器進行操作,這里用的是get方式來傳值到服務器,
3、ajax和全頁面更新的區別:ajax和全頁面更新的區別是全頁面更新返回的是整個頁面,而ajax只返回的是修改部分的數據, 而且主要是通過window對象的XMLHttpRequest對象來實現的
4、實現ajax的步驟:實現ajax服務器端就是返回部分數據,頁面端就是新建對象然后執行這個對象的幾個函數,a、創建對象 b、onreadystatechange c、open d、send
二、ajax和php
AJAX 被用于創建交互性更強的應用程序。
ajax php實例
實例解釋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() 會執行以下步驟:
1、創建 XMLHttpRequest 對象
2、創建在服務器響應就緒時執行的函數
3、向服務器上的文件發送請求
4、請注意添加到 URL 末端的參數(q)(包含輸入框的內容)
注意點:
1、標簽文本域置空:第8行,標簽文本域置空
2、添加函數:第21行,給新建的XMLHttpRequest對象添加函數,這個函數就是接受從服務器那里傳來的數據,
3、服務器接受的ajax返回數據:第25行,responseText可能是XMLHttpRequest對象的屬性
4、get傳值:第28行,get方式傳值,?后面接參數,=號連接鍵和值
5、onkeyup事件:第37行,onkeyup 事件會在鍵盤按鍵被松開時發生。
6、標簽js傳參中的this的應用:第37行,標簽中的this對象指的就是標簽本身
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" 占位符
注意點:
1、$_GET[]
:第35行,超全局變量$_GET[]的使用
2、strlen()
:第38行,strlen函數的使用
3、數據連接:第43-52行,找所以前面包含傳入參數的數據
4、字符串連接:第51行,點變量用于字符連接
5、算法邏輯:整個算法邏輯就是,用從頁面傳入過來的參數找適合的東西返回到頁面去
上述內容就是在php中關于ajax的使用實例講解,你們學到知識或技能了嗎?如果還想學到更多技能或者豐富自己的知識儲備,歡迎關注創新互聯行業資訊頻道。
文章題目:在php中關于ajax的使用實例講解
新聞來源:http://vcdvsql.cn/article26/pcdgjg.html
成都網站建設公司_創新互聯,為您提供響應式網站、用戶體驗、網站策劃、網站制作、外貿建站、網站建設
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯