AJAX是什么?

是Asynchronous Javascript And XML的首字母的縮寫， 它不是一門的新的語(yǔ)言，而是對(duì)現(xiàn)有技術(shù)的綜合利用。 其本質(zhì)是在HTTP協(xié)議的基礎(chǔ)上以異步的方式與服務(wù)器進(jìn)行通信。

異步的概念?

指某段程序執(zhí)行時(shí)不會(huì)阻塞其它程序執(zhí)行，其表現(xiàn)形式為程序的執(zhí)行順序不依賴程序本身的書寫順序，相反則為同步。

異步的作用?

其優(yōu)勢(shì)在于不阻塞程序的執(zhí)行，從而提升整體執(zhí)行效率。

AJAX的核心?

XMLHTTPRequest，簡(jiǎn)寫XHR，Xml可擴(kuò)展標(biāo)記語(yǔ)言，Http超文本傳輸協(xié)議，Request請(qǐng)求。XMLHttpRequest對(duì)象可以在不向服務(wù)器提交整個(gè)頁(yè)面的情況下，實(shí)現(xiàn)局部更新網(wǎng)頁(yè)。XMLHttpRequest 對(duì)象提供了對(duì) HTTP 協(xié)議的完全的訪問，包括做出 POST 和 HEAD 請(qǐng)求以及普通的 GET 請(qǐng)求的能力。XMLHttpRequest 可以同步或異步返回 Web 服務(wù)器的響應(yīng)，并且能以文本或者一個(gè) DOM 文檔形式返回內(nèi)容。它可以接收任何形式的文本文檔，是 AJAX 的 Web 應(yīng)用程序架構(gòu)的一項(xiàng)關(guān)鍵功能。

前文說(shuō)到XMLHTTPRequest可以接收任何形式的文檔，那么就不得不提到在網(wǎng)絡(luò)傳輸中常用的兩個(gè)數(shù)據(jù)格式。

兩種常用的數(shù)據(jù)格式xml和JSON？

xml：

xml的定義：可擴(kuò)展標(biāo)記語(yǔ)言，是一種用于標(biāo)記電子文件使其具有結(jié)構(gòu)性的標(biāo)記語(yǔ)言。

xml的規(guī)范：

1、必須有一個(gè)根元素
2、不可有空格、不可以數(shù)字或.開頭、大小寫敏感
3、不可交叉嵌套
4、屬性雙引號(hào)（瀏覽器自動(dòng)修正成雙引號(hào)了）
5、特殊符號(hào)要使用實(shí)體
6、注釋和HTML一樣

雖然可以描述和傳輸復(fù)雜數(shù)據(jù)，但是其解析過(guò)于復(fù)雜并且體積較大，所以實(shí)現(xiàn)開發(fā)已經(jīng)很少使用了。

xml使用步驟簡(jiǎn)述：

由于xml是DOM對(duì)象，可以直接DOM方法，

１、var xml=xhr.responseXML;獲取XML(PHP給的接口)

２、var items=xml.querySelector('item');獲取xml的文檔結(jié)構(gòu)

３、字符串拼接

３.１、初始化var html='';

３.２、遍歷for(){獲取數(shù)據(jù)var item=item[i]，}拼接html+='標(biāo)簽+數(shù)據(jù)'

４、渲染document.querySelector('tbody').innerHTHML=html

JSON：

JSON定義：JavaScript Object Notation，另一種輕量級(jí)的文本數(shù)據(jù)交換格式，獨(dú)立于語(yǔ)言。

JSON的規(guī)范：

1、數(shù)據(jù)在名稱/值對(duì)中
2、數(shù)據(jù)由逗號(hào)分隔(最后一個(gè)健/值對(duì)不能帶逗號(hào))
3、花括號(hào)保存對(duì)象方括號(hào)保存數(shù)組
4、使用雙引號(hào)

JSON的跨語(yǔ)言解析：

JSON數(shù)據(jù)在不同語(yǔ)言進(jìn)行傳輸時(shí)，類型為字符串，不同的語(yǔ)言各自也都對(duì)應(yīng)有解析方法，需要解析完成后才能讀取。

1、PHP解析方法

數(shù)組轉(zhuǎn)json字符 json_encode－＞$json_array = json_encode($array)；

json字符轉(zhuǎn)成數(shù)組 json_decode－＞$array_json = json_decode($json_array);

2、Javascript 解析方法

字符串轉(zhuǎn)對(duì)象parse－＞var jsonObj=JSON.parse(jsonStr)；

對(duì)象轉(zhuǎn)字符串stringify－＞var jsonStr=JSON.stringify(jsonObj)；

tips：JSON兼容處理引用json2.js

XMLHttpRequest中的事件監(jiān)聽onreadystatechange？

以上這篇AJAX應(yīng)用中必須要掌握的重點(diǎn)知識(shí)(分享)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

最新評(píng)論