建站
咨詢
售后
建站咨詢
新聞中心
本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5&&PHP7.1版、Dell G3電腦。
Ajax是什么意思？
ajax是Asynchronous JavaScript and XML(異步的JavaScript和XML技術(shù))的縮寫，是指一種創(chuàng)建交互式網(wǎng)頁應(yīng)用的網(wǎng)頁開發(fā)技術(shù)；
ajax不是新的編程語言，而是一種使用現(xiàn)有標(biāo)準(zhǔn)的新方法。
ajax是一種用于創(chuàng)建快速動態(tài)網(wǎng)頁的技術(shù)。通過在后臺與服務(wù)器進(jìn)行少量數(shù)據(jù)交換。ajax可以使網(wǎng)頁實現(xiàn)異步更新。這意味著可以在不重新加載整個網(wǎng)頁的情況下，對網(wǎng)頁的某部分進(jìn)行更新。而傳統(tǒng)的網(wǎng)頁(不使用ajax)如果需要更新內(nèi)容，必須重載整個網(wǎng)頁面。
看完了上述ajax的意思后，我們簡單來看一下ajax的優(yōu)缺點。
ajax的優(yōu)點：
1、最大的一點是頁面無刷新，用戶的體驗非常好。
2、使用異步方式與服務(wù)器通信，具有更加迅速的響應(yīng)能力。。
3、可以把以前一些服務(wù)器負(fù)擔(dān)的工作轉(zhuǎn)嫁到客戶端，利用客戶端閑置的能力來處理，減輕服務(wù)器和帶寬的負(fù)擔(dān)，節(jié)約空間和寬帶租用成本。并且減輕服務(wù)器的負(fù)擔(dān)，ajax的原則是“按需取數(shù)據(jù)”，可以最大程度的減少冗余請求，和響應(yīng)對服務(wù)器造成的負(fù)擔(dān)。
4、基于標(biāo)準(zhǔn)化的并被廣泛支持的技術(shù)，不需要下載插件或者小程序。
5、ajax可使因特網(wǎng)應(yīng)用程序更小、更快，更友好。
ajax的缺點：
1、ajax不支持瀏覽器back按鈕。
2、安全問題 AJAX暴露了與服務(wù)器交互的細(xì)節(jié)。
3、對搜索引擎的支持比較弱。
4、破壞了程序的異常機制。
5、不容易調(diào)試。
php中使用ajax
當(dāng)用戶在上面的輸入框中鍵入字符時，會執(zhí)行 "showHint()" 函數(shù)。該函數(shù)由 "onkeyup" 事件觸發(fā)：
在輸入框中輸入一個姓名:
返回值:
源代碼解釋：
如果輸入框是空的（str.length==0），該函數(shù)會清空 txtHint 占位符的內(nèi)容，并退出該函數(shù)。
如果輸入框不是空的，那么 showHint() 會執(zhí)行以下步驟：
-
創(chuàng)建 XMLHttpRequest 對象
-
創(chuàng)建在服務(wù)器響應(yīng)就緒時執(zhí)行的函數(shù)
-
向服務(wù)器上的文件發(fā)送請求
-
請注意添加到 URL 末端的參數(shù)（q）（包含輸入框的內(nèi)容）
PHP 文件
上面這段通過 JavaScript 調(diào)用的服務(wù)器頁面是名為 "gethint.php" 的 PHP 文件。
"gethint.php" 中的源代碼會檢查姓名數(shù)組，然后向瀏覽器返回對應(yīng)的姓名：
0
if (strlen($q) > 0)
{
$hint="";
for($i=0; $i
解釋：如果 JavaScript 發(fā)送了任何文本（即 strlen($q) > 0），則會發(fā)生：
-
查找匹配 JavaScript 發(fā)送的字符的姓名
-
如果未找到匹配，則將響應(yīng)字符串設(shè)置為 "no suggestion"
-
如果找到一個或多個匹配姓名，則用所有姓名設(shè)置響應(yīng)字符串
-
把響應(yīng)發(fā)送到 "txtHint" 占位符
PHP Ajax 跨域問題解決方案
本文通過設(shè)置Access-Control-Allow-Origin來實現(xiàn)跨域。
例如：客戶端的域名是client.runoob.com，而請求的域名是server.runoob.com。
如果直接使用ajax訪問，會有以下錯誤：
XMLHttpRequest cannot load http://server.runoob.com/server.php. No 'Access-Control-Allow-Origin' header is present on the requested resource.Origin 'http://client.runoob.com' is therefore not allowed access.
1、允許單個域名訪問
指定某域名（http://client.runoob.com）跨域訪問，則只需在http://server.runoob.com/server.php文件頭部添加如下代碼：
header('Access-Control-Allow-Origin:http://client.runoob.com');
2、允許多個域名訪問
指定多個域名（http://client1.runoob.com、http://client2.runoob.com等）跨域訪問，則只需在http://server.runoob.com/server.php文件頭部添加如下代碼：
$origin = isset($_SERVER['HTTP_ORIGIN'])? $_SERVER['HTTP_ORIGIN'] : '';
$allow_origin = array(
'http://client1.runoob.com',
'http://client2.runoob.com'
);
if(in_array($origin, $allow_origin)){
header('Access-Control-Allow-Origin:'.$origin);
}
3、允許所有域名訪問
允許所有域名訪問則只需在http://server.runoob.com/server.php文件頭部添加如下代碼：
header('Access-Control-Allow-Origin:*'); 網(wǎng)站欄目：php中的ajax是什么意思
文章路徑：http://www.dlmjj.cn/article/dpejegd.html
