JavaScript異步Ajax-有解無憂

知識點：
1、 JSON：JavaScript物件運算式發（JavaScript Object Notation）
JSON是存盤和交換文本資訊的語法：
1) JSON是輕量級的文本資料交換格式
2) JSON獨立于語言和平臺
3) JSON具有自我描述性，更容易理解。
類似于xml,比XML更小、更快、更易決議
(XML:指可擴展標記語言。XML被設計用來傳輸和存盤資料。)
2、 JSON語法
JSON語法是JavaScript物件表示語法的子集
1) 資料在名稱/值對中（資料在鍵值對中）
2) 資料有逗號分隔
3) 花括號保存物件（{}）
4) 方括號保存陣列（[]）
JSON值可以是：
1) 數字（整數或浮點數）
2) 字串（在雙引號中）
3) 布林值（true或false）
4) 物件（在花括號中）
5) null
3、 JSON物件
JSON物件與JS物件有兩個地方不一樣
1) 沒有宣告變數（JSON中沒有變數的概念）
2) 末尾沒有分號（因為這不是JavaScript陳述句，所以不需要分號）

4、 JSON陣列（在方括號中書寫，陣列可包含多個物件）
把陣列和物件結合起來，可以構成更加復雜的資料集合

5、決議與序列化
JSON物件有兩個方法：
stringify():將JS物件序列化為JSON字串

parse() [pɑ:z] :將JSON字串決議為原生的JS值

6、 Ajax簡介：不是某種編程語言，是一種在無需重新加載整個頁面的情況下，能夠更新部
              分網頁的技術，傳統的網頁（不使用 AJAX）如果需要更新內容，必需多載整個網頁面。有很多使用 AJAX 的應用程式案例：新浪微博、Google 地圖等等
7、同步與異步
同步：就是指一個行程在執行某個請求的時候，若該請求需要一段時間才能回傳資訊，
          那么這個行程將會一直等待下去，直到收到回傳資訊才繼續執行下去；
    同步：
請求一 1ms
          請求二 1ms
          請求三  1ms
          異步 1.3ms
    異步：是指行程不需要一直等下去，而是繼續執行下面的操作，不管其他行程的狀態。
          當有訊息回傳時系統會通知行程進行處理，這樣可以提高執行的效率。
    異步實作：
             1、運用HTML與CSS來實作頁面，表達資訊
             2、運用XMLHttpRequest和web服務器進行資料的異步交換
             3、運用JavaScript操作DOM，實作動態區域重繪
8、Ajax--創建XMLHttpRequest物件
   XMLHttpRequest物件：用于在后臺與服務器交換資料（具體介紹可見w3c）
   創建XMLHttpRequest物件：所有現代瀏覽器（IE7+、Firefox、Chrome、Safari 以及 Opera）均內建 XMLHttpRequest 物件。
   創建XMLHttpRequest物件的語法：

老版本的Internet Explorer(IE5和IE6)使用ActiveXObject物件：

為了應對所有的現代瀏覽器,包括IE5和IE6,請檢查瀏覽器是否支持XMLHttpRequest物件.如果支持，則創建 XMLHttpRequest 物件。如果不支持，則創建 ActiveXObject
8、 Ajax—向服務器發送請求
向服務器發送請求,我們使用XMLHttpRequest物件的 open() 和 send() 方法：
       open(method,url,asyns) 規定請求的型別、URL 以及是否異步處理請求。
       引數說明：
                method：請求的型別；GET 或 POST
                url：檔案在服務器上的位置
                async：true（異步）或 false（同步）Asynchronous
        send(string):將請求發送到服務器
        引數說明:string 僅用于POST請求
9、 Ajax—服務器回應：使用XMLHttpRequest物件的responseText或responseXML屬性獲    取來自服務器的回應
                responseText:獲得字串形式的回應資料。
                responseXML：獲得 XML 形式的回應資料。
10、Ajax--onreadystatechange事件：
每當readyState改變時，就會觸發onreadystatechange事件。
XMLHttpRequest物件的三個重要屬性：
1）、 onreadystatechange:存盤函式(或函式名),每當readyState屬性改變時,就會呼叫該函式。
        2）、 readyState:存有XMLHttpRequest的狀態。從0到4發生變化。
                    0: 請求未初始化
                    1: 服務器連接已建立
                    2: 請求已接收
                    3: 請求處理中
                    4: 請求已完成，且回應已就緒
        3）、 status: 200: "OK"  404: 未找到頁面
當readyState等于4且status為 200 時，表示回應已就緒

轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/56035.html

標籤：非技術區

上一篇：Input Error: You must pass a valid list of files to parse（webstrom）

下一篇：JavaScript事件總結