AJAX JSON 解析與數據解析

簡(jiǎn)介

AJAX（Asynchronous JavaScript and 數據XML）是一種在無(wú)需重新加載整個(gè)網(wǎng)頁(yè)的情況下，能夠更新部分網(wǎng)頁(yè)的解析解析技術(shù)，JSON（JavaScript Object Notation）是數據一種輕量級的數據交換格式，易于人閱讀和編寫(xiě)，解析解析同時(shí)也易于機器解析和生成。數據

創(chuàng )建AJAX對象

var xhr = new XMLHttpRequest();

初始化請求

xhr.open('GET',解析解析 'https://api.example.com/data', true);

xhr.send();

JSON解析

JSON解析是將JSON字符串轉換為JavaScript對象的過(guò)程，可以使用JSON.parse()方法進(jìn)行解析。數據

示例

假設服務(wù)器返回的解析解析JSON數據如下：

{  "name": "張三&quo??t;, "age&qu??ot;: 30, "em??ail": "[email protected]"}

可以使(shi)用以下代碼將J??SON字符串解析為JavaScript對象：

var jsonString = '{ "name":"張三",&quo??t;age":30,&ヽ(′▽?zhuān)?/quot;email":"zhangsan@exampl??e.com"}';var jsonObject = JSON.parseヾ(?■_■)ノ(jsonString);

現在，jsonObject是數據一個(gè)包含解析后的JSON數據的JavaScript對象，可以通過(guò)訪(fǎng)問(wèn)其屬性來(lái)獲取數據：

console.log(jsonObject.name); // 輸出：張三cons??ol??e.log(jsonObject.age); // 輸出：30console.log(jsonObject.email); // 輸出：[email protected]

AJAX JSON解析

當使(′ω｀*)用AJAX獲取JSON數據時(shí)，解析解析需要在o??nreadystatechange事件中處理響應，數據當readyState變?yōu)?且status為200時(shí)??，解??析解析表示請求成功完成，數據此時(shí)可以解析響應文本并將其轉換為JavaScript對象。解析解析

示例

xhr.onreadystatechange = func??tion() {  if (xhr.readyState === 4 && xhr.status === 200) {  var jsonString = xhr.responseText; var jsonObject = JSON.p??arse(jsonString); console.log(jsonOb??ject.name); // 輸出：張三 console.log(jsonObject.age); // 輸出：30 console.log(jsonObject.ema??il); // 輸出：[email protected] }};

單元表格