【JSON快速学习】主要讲解JSON在后端处的作用
JSON简单示例
{} 保存对象
[] 保存数组
{"employees": [{ "firstName":"John" , "lastName":"Doe" },{ "firstName":"Anna" , "lastName":"Smith" },{ "firstName":"Peter" , "lastName":"Jones" }]
}
@ResponseBody返回JSON给前端
@RequestMapping("/login")@ResponseBodypublic User login(User user){return user;}User字段：userName pwd那么在前台接收到的数据为：'{"userName":"xxx","pwd":"xxx"}'效果等同于如下代码：@RequestMapping("/login")public void login(User user, HttpServletResponse response){response.getWriter.write(JSONObject.fromObject(user).toString());}
package com.toltech.controller;import com.alibaba.fastjson.JSON;
import com.toltech.pojo.User;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;import javax.servlet.http.HttpServletResponse;
import java.io.IOException;/* Created by wanggs on 2017/8/9.*/
@Controller
public class ResponseController {@RequestMapping("/response")public void response(HttpServletResponse response) throws IOException {User user = new User();user.setEmail("123@qq.com");user.setId(001);user.setPassword("");user.setUserName("tom");response.getWriter().write(JSON.toJSON(user).toString());}@ResponseBody@RequestMapping("/re")public User response() {User user = new User();user.setEmail("123@qq.com");user.setId(001);user.setPassword("");user.setUserName("tom");return user;}
}
前端解析JSON
<html>
<head>
<title>JSON example</title><script language="javascript" >var object1 = { "language" : "Java", "author" : "herbert schildt" };document.write("<h1>JSON with JavaScript example</h1>");document.write("<br/>");document.write("<h3>Language = " + object1.language+"</h3>"); document.write("<h3>Author = " + object1.author+"</h3>"); var object2 = { "language" : "C++", "author" : "E-Balagurusamy" };document.write("<br/>");document.write("<h3>Language = " + object2.language+"</h3>"); document.write("<h3>Author = " + object2.author+"</h3>"); document.write("<hr />");document.write(object2.language + " programming language can be studied " +"from book written by " + object2.author);document.write("<hr />");
</script>
</head>
<body>
</body>
</html>
运行结果：
