數據交換格式-json(輕量級)

  • 問題:
    • xhr.responseText/responseXML,服務器端, 響應的并不是純數據, 而是夾帶著一些‘界面’,這樣不利于數據的重用。
  • 引發問題:
  • 響應純文本數據,不能表述每個字段所代表的含義。

json數據交換格式解決

  • 首先我們要知道的是服務器端響應給客戶端的數據只能是字符串形式
  • 目標: 把數據轉換成json字符串格式, 返回給客戶端
  • 服務器端步驟:
  • 1.拿到數據
include 'data.php';
  • 2.把data中的數據轉換成json(字典)
  • 3.php端,把上述的對象/數組轉換成字符串
//字符串名稱 = 轉換方法(數組)
$jsonStr = json_encode($goodArray);
echo $jsonStr;
/************************************************************/
 // 把一個json字符串轉換成數組/對象
//json_decode($jsonStr,true)
  • 客戶端步驟:
  • 1.客戶端接收服務器響應的json字符串數據
var goods = xhr.responseText;
  • 2.在客戶端中,將json字符串轉換成數組/對象
//數組名稱 = 轉換方法(字符串)
 var goodArray = JSON.parse(goods);
  • 3.遍歷這個數組,取出每一個數據。然后動態添加節點,完成需求。
  • 問題:兼容問題,ie瀏覽器不支持
  • 使用json2.js這個框架(網上搜索)
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發現,斷路器,智...
    卡卡羅2017閱讀 134,837評論 18 139
  • JSON JSON和XML都是需要解析的 JSON是一種輕量級的數據格式,一般用于數據交互服務器返回給客戶端的數據...
    JonesCxy閱讀 1,876評論 2 10
  • Ajax的XML 1.請求的數據格式-XML 客戶端如何構建XML格式的數據 構建的數據類型 - 字符串類型 字符...
    50153465fcd8閱讀 1,300評論 1 6
  • 正月十六報名,正月十六報名,正月十六報名。重要的事情說三遍!!! 請我們可愛的家長,帶著我們可愛的小朋友正月十...
    藍天幼兒園閱讀 833評論 0 0
  • 或許地球是圓的的原因是冥冥中有些相似關系的人總會相遇。而有些可能是異面了,相距那么近,相距那么遠。。。。 世界那么...
    辰曦諾諾閱讀 366評論 0 0