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