AJAX應用程式中必須要掌握重要知識點

本文主要為大家帶來一篇AJAX應用程式中必須掌握的重點知識(分享)。小編覺得蠻不錯的，現在就分享給大家，也給大家做個參考。一起跟著小編過來看看吧，希望能幫助大家。

AJAX是什麼?

是Asynchronous Javascript And XML的首字母的縮寫， 它不是一門的新的語言，而是對現有技術的綜合利用。 其本質是在HTTP協定的基礎上以非同步的方式與伺服器進行通訊。

非同步的概念?

指某段程式執行時不會阻塞其它程式執行，其表現形式為程式的執行順序不依賴程式本身的書寫順序，相反則為同步。

非同步的作用?

其優點在於不阻塞程式的執行，進而提升整體執行效率。

AJAX的核心?

XMLHTTPRequest，簡寫XHR，Xml可擴展標記語言，Http超文本傳輸協議，Request請求。 XMLHttpRequest物件可以在不向伺服器提交整個頁面的情況下，實作局部更新網頁。 XMLHttpRequest 物件提供了對 HTTP 協定的完全的訪問，包括做出 POST 和 HEAD 請求以及普通的 GET 請求的能力。 XMLHttpRequest 可以同步或非同步傳回 Web 伺服器的回應，並且能以文字或一個 DOM 文檔形式傳回內容。它可以接收任何形式的文本文檔，是 AJAX 的 Web 應用程式架構的關鍵功能。

前文說到XMLHTTPRequest可以接收任何形式的文檔，那麼就不得不提到在網路傳輸中常用的兩個資料格式。

兩種常用的資料格式xml和JSON？

xml：

xml的定義：可擴展標記語言，是一種用於標記電子檔案使其具有結構性的標記語言。

xml的規格：

1、必須有一個根元素
2、不可有空格、不可以數字或.開頭、大小寫敏感
3、不可交叉嵌套
4、屬性雙引號（瀏覽器自動修正成雙引號了）
5、特殊符號要使用實體
6、註解和HTML一樣

#雖然可以描述和傳輸複雜數據，但是其解析過於複雜且體積較大，所以實現開發已經很少使用了。

xml使用步驟簡述：

由於xml是DOM對象，可以直接DOM方法，

１、var xml=xhr.responseXML;取得XML(PHP給的介面)

２、var items=xml.querySelector('item');取得xml的文件結構

３、字串拼接

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

３.２、遍歷for(){取得資料var item=item[i]，}拼接html+='標籤+資料'

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

JSON：

JSON定義：JavaScript Object Notation，另一個輕量級的文字資料交換格式，獨立於語言。

JSON的規格：

1、資料在名稱/值對中

2、資料由逗號分隔(最後一個健/值對不能帶逗號)
3、花括號保存物件方括號保存陣列
4、使用雙引號

JSON的跨語言解析：

JSON資料在不同語言進行傳輸時，類型為字串，不同的語言各自也對應有解析方法，需要解析完成後才能讀取。

1、PHP解析方法

陣列轉json字元json_encode－＞$json_array = json_encode($array);

json字元轉換成陣列json_decode－＞ json_decode($json_array);

2、Javascript 解析方法

字串轉物件parse－＞var jsonObj=JSON.parse(jsonStr);

#物件轉字串stringify－＞var jsonStr=JSON.stringify(jsonObj)；

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

XMLHttpRequest中的事件監聽onreadystatechange？

相關推薦：

jquery中ajax應用程式load()函數的實例詳解

jquery的ajax應用實例

JavaScript學習總結之JS、AJAX應用_javascript技巧

以上是AJAX應用程式中必須要掌握重要知識點的詳細內容。更多資訊請關注PHP中文網其他相關文章！