日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > javascript >内容正文

javascript

JSON解析格式化工具——非插件(超好用推荐)

發布時間:2023/12/14 javascript 28 豆豆
生活随笔 收集整理的這篇文章主要介紹了 JSON解析格式化工具——非插件(超好用推荐) 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

原因:云桌面上外網連不上,不能用在線json解析,就想找個程序工具或者Chrome插件。

以為就一個小插件一小會就能弄好,結果找了好幾個網址用了快有一小時才找到滿意的,chrome搬運的下載資源都試了不能用,或者jsonformatter插件是要發送接口請求才能返回json,但是我想把已有的json格式化,最好是獨立工具。功不唐捐終于找到了

JsonView:

非插件的json轉換工具,有個很好用的功能是,它不僅能格式化json,還能展示json結構圖,有些復雜的json只看格式很容易混亂,肉眼是分不太清具體結構的,這個就很清晰

?

下載地址:https://pan.baidu.com/s/1pLJumGb

CR.?JSON格式化工具化下載

里面還有幾種JSON工具有空都試試。

拓展:

JSON:?JavaScript?Object?Notation(JavaScript 對象表示法)

JSON 是存儲和交換文本信息的語法。類似 XML。

JSON 比 XML 更小、更快,更易解析。目前非常多的動態(PHP,JSP,.NET)編程語言都支持JSON。

與 XML 相同之處

  • JSON 是純文本
  • JSON 具有"自我描述性"(人類可讀)
  • JSON 具有層級結構(值中存在值)
  • JSON 可通過 JavaScript 進行解析
  • JSON 數據可使用 AJAX 進行傳輸

與 XML 不同之處

  • 沒有結束標簽
  • 更短
  • 讀寫的速度更快
  • 能夠使用內建的 JavaScript eval() 方法進行解析
  • 使用數組
  • 不使用保留字

JSON 值

JSON 值可以是:

  • 數字(整數或浮點數)
  • 字符串(在雙引號中)
  • 邏輯值(true 或 false)
  • 數組(在中括號中)
  • 對象(在大括號中)
  • null

JSON 數字

JSON 數字可以是整型或者浮點型

JSON 對象在大括號({})中書寫

{ "sites": [ { "name":"John" , "addr":"武漢" }, { "name":"Golden" , "addr":null }, { "name":"Aurora" , "addr":"曼谷" } ] } //可以設置null值

通過 JavaScript創建一個對象數組并賦值:

var sites = [{ "name":"John" , "addr":"武漢" }, { "name":"Golden" , "addr":null }, { "name":"Aurora" , "addr":"曼谷" } ];

取值賦值:

//取值 sites[0].name; //賦值 sites[0].name="Kate";

JSON和字符串間轉換方法:

通常用于與服務端交換數據,在接收服務器數據時一般是字符串,使用 JSON.parse() 方法將數據轉換為 JavaScript 對象;在向服務器發送數據時一般是字符串,使用 JSON.stringify() 方法將 JavaScript 對象轉換為字符串:

JSON.parse(text[, reviver]) JSON.stringify(value[, replacer[, space]])

JSONP

Jsonp(JSON with Padding) 是 json 的一種"使用模式",可以讓網頁從別的域名(網站)那獲取資料,即跨域讀取數據。

為什么我們從不同的域(網站)訪問數據需要一個特殊的技術( JSONP )呢?這是因為同源策略。

同源策略,它是由 Netscape 提出的一個著名的安全策略,現在所有支持 JavaScript 的瀏覽器都會使用這個策略。

如客戶想訪問 :?https://www.runoob.com/try/ajax/jsonp.php?jsoncallback=callbackFunction

假設客戶期望返回數據:["customername1","customername2"]。

真正返回到客戶端的數據顯示為: callbackFunction(["customername1","customername2"])。

JQuery實現:

<!DOCTYPE html> <html> <head><meta charset="utf-8"><title>JSONP 實例</title><script src="https://cdn.static.runoob.com/libs/jquery/1.8.3/jquery.js"></script> </head> <body> <div id="divCustomers"></div> <script> $.getJSON("https://www.runoob.com/try/ajax/jsonp.php?jsoncallback=?", function(data) {var html = '<ul>';for(var i = 0; i < data.length; i++){html += '<li>' + data[i] + '</li>';}html += '</ul>';$('#divCustomers').html(html); }); </script> </body> </html>

有一篇JSONP講解很易懂,收藏有空細讀并寫自己的理解:

jsonp原理詳解——終于搞清楚jsonp是啥了

總結

以上是生活随笔為你收集整理的JSON解析格式化工具——非插件(超好用推荐)的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。