當(dāng)前位置：首頁(yè) > 前端技术 > javascript >内容正文

javascript

JSON数据表示格式简介（JavaScript对象表示法）

發(fā)布時(shí)間：2024/8/26 javascript 22 豆豆

生活随笔收集整理的這篇文章主要介紹了 JSON数据表示格式简介（JavaScript对象表示法）小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

[1] JSON簡(jiǎn)介
? ? > JSON全稱 JavaScript Object Notation
? ? > 類似于JS中對(duì)象的創(chuàng)建的方法
? ? > JSON和XML一樣，都是一種表示數(shù)據(jù)的格式
? ? > 但是JSON比XML的存儲(chǔ)和解析性能要高的多，JSON要比XML高個(gè)30%左右。
? ? <user>
? ? ? ? <name>sunwukong</name>
? ? ? ? <age>18</age>
? ? ? ? <gender>男</gender>
? ? </user>

? ? {"name":"孫悟空","age":8,"gender":男}

[2] JSON的格式
? ? > JSON字符串不方便閱讀，但是傳輸性能好
? ? > XML方便閱讀，但是傳輸性能差
? ? > JSON的格式和JS對(duì)象類型，但是要求屬性名必須使用雙引號(hào)。不能使用單引號(hào)，也不能不寫引號(hào)！

? ? > JSON對(duì)象中實(shí)際就是一組一組的鍵值對(duì)的結(jié)構(gòu)，
? ? 鍵和值使用:連接，多個(gè)鍵值對(duì)之間使用,分開，注意如果是最后一組鍵值對(duì)，則千萬(wàn)不要在加,.
? ? ? ? ? ? 例如： {"屬性名1":屬性值1,"屬性名2":屬性值2,"屬性名3":屬性值3,"屬性名4":屬性值4}

? ? > JSON運(yùn)行屬性值的類型：
? ? ? ? 1.字符串
? ? ? ? 2.數(shù)字
? ? ? ? ?3.布爾
? ? ? ? 4.對(duì)象
? ? ? ? 5.數(shù)組
? ? ? ? 6.null

? ? > 數(shù)組：
? ? [屬性1,屬性2,屬性3,屬性4]

[3] JS中使用JSON
? ? JSON對(duì)象 --> JSON字符串
? ? JSON.stringify(對(duì)象)
? ? JSON字符串 --> JSON對(duì)象
? ? JSON.parse(JSON字符串)

[4] Java中使用JSON
? ? > 目前Java中用的比較多的JSON解析工具：
? ? json-lib --> 使用麻煩，解析性能最差
? ? Jackson --> 使用較麻煩，解析性能最好
? ? Gson --> 使用簡(jiǎn)單，解析性能中能
? ? - Gson是谷歌出的一款JSON解析工具，使用簡(jiǎn)單，且性能較好。

? ? Java對(duì)象 --> JSON字符串

//把map轉(zhuǎn)化為json字符串Map<String,String> map=new HashMap();map.put("name", "張三");map.put("hobby", "籃球");map.put("genter", "男");String str=gson.toJson(map);

? ?JSON字符串 --> Java對(duì)象

Map<String,String> map2=gson.fromJson(str, Map.class);System.out.println(map2);

[3].通過(guò)jQuery實(shí)現(xiàn)AJAX
? ? > 使用get和getJSON都會(huì)有緩存問(wèn)題，并且使用get方法不能傳送較多的數(shù)據(jù)。
? ? > post方法不會(huì)有緩存的問(wèn)題，所以我們開發(fā)時(shí)使用post方法較多。
? ? [1] post()方法
? ? $.post(url, [data], [callback], [type])
? ? 參數(shù)：
? ? ? ? url：發(fā)送AJAX的請(qǐng)求地址，字符串。
? ? ? ? data：發(fā)送給服務(wù)器的請(qǐng)求參數(shù)，JSON格式。
? ? ? ? callback：當(dāng)前需要獲取服務(wù)器發(fā)送的響應(yīng)時(shí)，我們可以通過(guò)該回調(diào)函數(shù)。
? ? jQuery會(huì)將響應(yīng)信息以回調(diào)函數(shù)的參數(shù)的形式返回
? ? type：響應(yīng)信息的類型，字符串。一般兩個(gè)常用值text、json

? ? [2] get()方法
? ? - get方法和post方法使用方式基本一致。

? ? [3] getJSON()方法
? ? getJSON(url, [data], [callback])
? ? getJSON方法和get方法類似，只不過(guò)該方法默認(rèn)的響應(yīng)類型為JSON，不需要再手動(dòng)指定。

? ? [4]下面給出一個(gè)小例子：（本例子頁(yè)面特別簡(jiǎn)單，只為了只實(shí)現(xiàn)這一個(gè)功能）

先導(dǎo)入jQuery所需要的jar包：

　　我將這個(gè)jar包導(dǎo)入了WebContent下的js文件夾在（js文件夾是自己建的）。

之后再jsp中引入jQuery

　　然后就是jsp：

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-3.2.1.js"> </script> <script type="text/javascript">$(function(){$("#btn").click(function(){var url="${pageContext.request.contextPath}/Servlet1";var json={"name":"zhangsan"};function callback(data){}$.get(url,json,callback);});}); </script> </head> <body> <button id="btn">確定</button> </body> </html>

　　這樣后臺(tái)就行接收到這個(gè)基于jQuery和json的get請(qǐng)求。

轉(zhuǎn)載于:https://www.cnblogs.com/of-fanruice/p/7401860.html

總結(jié)

以上是生活随笔為你收集整理的JSON数据表示格式简介（JavaScript对象表示法）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。