ajax 快速入門

為雙峰等地區(qū)用戶提供了全套網(wǎng)頁(yè)設(shè)計(jì)制作服務(wù)，及雙峰網(wǎng)站建設(shè)行業(yè)解決方案。主營(yíng)業(yè)務(wù)為成都網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計(jì)、雙峰網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠(chéng)的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會(huì)得到認(rèn)可，從而選擇與我們長(zhǎng)期合作。這樣，我們也可以走得更遠(yuǎn)！

ajax作用:ajax 是在不重新加載整個(gè)頁(yè)面的情況下與服務(wù)器交換數(shù)據(jù)并更新部分網(wǎng)頁(yè)的技術(shù).(實(shí)現(xiàn)瀏覽器與服務(wù)器之間的數(shù)據(jù)交互,實(shí)現(xiàn)頁(yè)面的無刷新請(qǐng)求服務(wù)器,提高用戶體驗(yàn))

基本使用:

1.創(chuàng)建ajax對(duì)象:

new XMLHttpRequest() //普通瀏覽器使用,ie瀏覽器有特殊

2.創(chuàng)建事件函數(shù)(處理服務(wù)器返回的結(jié)果):

onreadystatechange

readyState  ajax對(duì)象狀態(tài):0:請(qǐng)求未初始化 1:服務(wù)器連接已建立 2:請(qǐng)求已接收 3:請(qǐng)求處理中 4請(qǐng)求已完成,且響應(yīng)

status 響應(yīng)碼:200:'ok'   404:未找到頁(yè)面  403:權(quán)限不足

responseText  接受服務(wù)器的返回的數(shù)據(jù)

3.初始化ajax請(qǐng)求

get --- xmlhttp.open('GET',1.php?a=1&b=2&c-3',true);

post --- xmlhttp.setRequestHeader('content-type','application/x-www-form-urlencoded"):

xmlhttp.open('POST','1.php',true);

4.發(fā)送ajax請(qǐng)求 --- send()

服務(wù)器返回

1. echo 普通的字符串

2. 普通html文件

3. 返回xml字符串

4. 索引數(shù)組

5. 關(guān)聯(lián)數(shù)組

注意事項(xiàng)

同源策略-當(dāng)前頁(yè)面要和服務(wù)器的協(xié)議地址和端口都要相同

post發(fā)送ajax請(qǐng)求

--- setRequestHeader("content-type','application/x-www-from-urlencoded");

--- 發(fā)送參數(shù) send("a=100&b=www")

firebug的使用

例子: //1.創(chuàng)建ajax對(duì)象 var x = new XMLHttpRequest; //2.觸發(fā)事件 x.onreadystatechange = function(){      // on  ready 準(zhǔn)備 state狀況 changge     if(x.readyState == 4 && x.status == 200){         console.log(x.responseText);   //返回的結(jié)果         } } //3.初始化 x.open('GET','fuxi.php?id=100',true);   //true 異步 false是同步 //4 發(fā)送 x.send();  //發(fā)送ajax 如果是post 方式 3步和4步發(fā)生改變 x.open('POST','3.php',true); x.setRequestHeader('content-type','application/x-www-form-urlencoded');重要 x.send('a=100&b=200');

配合php PDO預(yù)處理

prepare('select * from phones where id = ?'); //賦值 $arr = [$id]; //執(zhí)行 $stmt->execute($arr); //獲取結(jié)果 $res = $stmt->fetch(PDO::FETCH_ASSOC); // var_dump($res); $row = json_encode($res); echo $row;

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)cdcxhl.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

名稱欄目：ajax快速入門-創(chuàng)新互聯(lián)
網(wǎng)頁(yè)網(wǎng)址：http://weahome.cn/article/pgejc.html