2、json

Remember2014

于 2015-02-08 10:45:15 发布

阅读量477

点赞数

分类专栏： WEB-Util

本文链接：https://blog.csdn.net/Remember2014/article/details/43635557

版权

WEB-Util 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

JSON 值可以是：
数字（整数或浮点数）
字符串（在双引号中）
逻辑值（true 或 false）
数组（在方括号中）
对象（在花括号中）
null

JSON的key必须是string类型的

"employees": [
{ "firstName":"John" , "lastName":"Doe" },
{ "firstName":"Anna" , "lastName":"Smith" },
{ "firstName":"Peter" , "lastName":"Jones" }
]

获取：

employees[0].lastName;

解析json

1、javascript支持的eval(）方法：

[javascript]view plaincopy 
   
 var str='{ "name": "John" }';  
 var obj = eval('(' + str + ')');   
 function ok(){  
     alert( obj.name);  
 }  

2、javascript支持的JSON.parse()方法：

[javascript]view plaincopy 
   
 var str = '{ "name": "mady", "age": "24" }';  
 var obj = JSON.parse(str);  
 alert(obj.age);  

3、Jquery支持的parseJSON()方法

[javascript]view plaincopy 
   
 var str='{ "name": "John" }';  
 var obj = $.parseJSON(str)  

遍历：

[javascript]view plaincopy 
   
 <script type="text/javascript" src="jquery-1.8.3.min.js"></script>  
 <title>Insert title here</title>  
 <script type="text/javascript">  
 function showData() {  
     var data=" { root: [ {'name':'6200','value':'0'}, {'name':'6101','value':'xa'}, {'name':'6102','value':'beijing'}, {'name':'6103','value':'haerbin'}]}";   
     var dataObj = eval('(' + data + ')');   
         $.each(dataObj.root, function(index, item) {  
             $("#info").append(  
                     "<div>" +index+":"+ item.name + "</div>" +   
                     "<div>" +index+":"+ item.value + "</div><hr/>");  
         });  
 //注意：如果要使用其他转换函数请更改字符串内单引号为双引号，外引号为单引号  
 }  
 </script>  
 </head>  
 <body>  
 <input id="Button1" type="button" value="Hit Me" οnclick="showData()" />   
 <div id="info"></div>  
 </body> 

java后台接收json格式的数据

import com.alibaba.fastjson.JSON;
import com.alibaba.fastjson.serializer.SerializerFeature;

@RequestMapping(value = "ajax.do", method = RequestMethod.GET)
public void ajax(@ModelAttribute Person person,PrintWriter printWriter) {
String jsonString = JSON.toJSONString(person, SerializerFeature.PrettyFormat);
printWriter.write(jsonString);
printWriter.flush();
printWriter.close();
}

向springmvc传递json
[html] view plain copy
1. <%@ page language="java" contentType="text/html; charset=UTF-8"
2. pageEncoding="UTF-8"%>
3. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
4. <html>
5. <head>
6. <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
7. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
8. <title>Insert title here</title>
9. <script type="text/javascript">
11. $(document).ready(function(){
12. //传递字符串格式json对象到后台（一个json对象）
13. $("#resolveJsonObject").click(function(){
14. var userName =encodeURI($("#userName").attr("value"));
15. var age = encodeURI($("#age").attr("value"));
16. //向mvc传递json对象
17. var user = {userName:userName,age:age};
18. var aMenu = encodeURI(JSON.stringify(user));
20. $.ajax({
21. url:"resolveJsonObject" ,
22. data:"orderJson=" + aMenu,
23. success:function(data){
25. }
26. });
27. });
29. //传递json数组到后台
30. $("#resolveJsonArray").click(function(){
31. var userName =encodeURI($("#userName").attr("value"));
32. var age = encodeURI($("#age").attr("value"));
34. //数组开始
35. var user1 = {userName:userName,age:age};
36. var allMenu={
37. "menu":[ ]
38. };
39. allMenu.menu.push(user1);
40. var allMenu1 = encodeURI(JSON.stringify(allMenu));
42. $.ajax({
43. //json数组
44. url:"resolveJsonArray" ,
45. data:"orderJson=" + allMenu1,
46. success:function(data){
48. }
49. });
50. });
52. //接收后台的json在前台解析
53. $("#resolveJson").click(function(){
55. $.ajax({
56. //解析从后台返回的json数据
57. url:"resolveJson" ,
58. type:"post",
59. success:function(data){
60. var arr=eval(data);
61. for(var m = 0;m<arr.length;m++){
62. alert(arr[m].user.userName);
63. }
64. }
65. });
66. });
67. });
69. </script>
70. </head>
71. <body>
72. <h1>json添加用户</h1>
74. 姓名：<input id="userName" type="text" name="userName">
75. 年龄:<input id="age" type="text" name="age"><br>
76. <input type="button" id="resolveJsonObject" value="json对象">
77. <input type="button" id="resolveJsonArray" value="json数组">
78. <input type="button" id="resolveJson" value="前端解析json字符串">
80. </body>
81. </html>
[java] view plain copy
1. package org.nick.web;
3. import java.io.IOException;
4. import java.io.PrintWriter;
5. import java.net.URLDecoder;
6. import java.util.ArrayList;
7. import java.util.List;
9. import javax.servlet.http.HttpServletRequest;
10. import javax.servlet.http.HttpServletResponse;
12. import net.sf.json.JSONArray;
13. import net.sf.json.JSONObject;
15. import org.nick.demo.Person;
16. import org.nick.demo.User;
17. import org.springframework.stereotype.Controller;
18. import org.springframework.web.bind.annotation.ModelAttribute;
19. import org.springframework.web.bind.annotation.RequestMapping;
20. import org.springframework.web.bind.annotation.RequestMethod;
22. import com.alibaba.fastjson.JSON;
23. import com.alibaba.fastjson.serializer.SerializerFeature;
26. @Controller
27. public class BaseController {
28. @RequestMapping("/link")
29. public String fun3(){
30. return "/link";
31. }
32. @RequestMapping("toAjax.do")
33. public String toAjax() {
34. return "ajax";
35. }
37. @RequestMapping(value = "ajax.do", method = RequestMethod.GET)
38. public void ajax(@ModelAttribute Person person,PrintWriter printWriter) {
39. String jsonString = JSON.toJSONString(person, SerializerFeature.PrettyFormat);
40. printWriter.write(jsonString);
41. printWriter.flush();
42. printWriter.close();
43. }
44. //接收前台传过来的字符串格式的json对象，在后台进行解析
45. @RequestMapping("/resolveJsonObject" )
46. public void resolveJsonObject(HttpServletRequest request,HttpServletResponse response) throws IOException {
47. //解码
48. String str = URLDecoder.decode(request.getParameter("orderJson"),"UTF-8");
49. JSONObject jb=new JSONObject();
50. //将json格式的字符串转换为json对象，并取得该对象的“userName”属性值
51. String o=(String)jb.fromObject(str).get("userName");
52. System.out.println(o);
53. }
55. //传递json数组字符串
56. @RequestMapping("/resolveJsonArray" )
57. public void resolveJsonArray(HttpServletRequest request,HttpServletResponse response) throws IOException {
58. //解码，为了解决中文乱码
59. String str = URLDecoder.decode(request.getParameter("orderJson"),"UTF-8");
60. JSONObject jb=new JSONObject();
61. //将json格式的字符串转换为json数组对象
62. JSONArray array=(JSONArray)jb.fromObject(str).get("menu");
63. //取得json数组中的第一个对象
64. JSONObject o = (JSONObject) array.get(0);//获得第一个array结果
65. //取出json数组中第一个对象的“userName”属性值
66. String name=o.get("userName").toString();//获得属性值
67. System.out.println(name);
68. }
70. //通过该函数返回json格式的数据，在前台通过JQuery进行解析
71. @RequestMapping("/resolveJson" )
72. public void resolveJson(HttpServletRequest request,HttpServletResponse response) throws IOException {
74. List m = (List) new ArrayList();
75. JSONArray jsons = new JSONArray();
76. for(int i=0;i<10;i++){
77. User user = new User();
78. user.setUserName("name_" + i);
79. m.add(user);
80. }
82. for(int j=0;j<m.size();j++){
83. JSONObject jsonObject = new JSONObject();
84. jsonObject.put("user", m.get(j));
85. jsons.add(jsonObject);
86. }
87. //火狐浏览器要添加如下格式设置utf-8
88. response.setContentType("text/html;charset=UTF-8");
89. System.out.println(jsons.toString());
90. response.getWriter().print(jsons.toString()) ;
91. }
93. @RequestMapping("/toJson" )
94. public String toJson() {
95. return "/json";
96. }
97. }