Json学习笔记

1.什么是 JSON ？

• JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation）
• JSON 是轻量级的文本数据交换格式
• JSON 独立于语言 *
• JSON 具有自我描述性，更易理解

* JSON 使用 JavaScript 语法来描述数据对象，但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。（http://www.w3school.com.cn/json/index.asp）

java后台多条数组或者Map转为json传到前端接收：

java后端：

需要引入的头文件：

import org.json.JSONArray;
import org.json.JSONException;
import org.json.JSONObject;

代码：

int newsTypesNumber=newsTypes.length;
JSONArray array = new JSONArray();
PrintWriter out = response.getWriter();	
String newsTypesString=new String(WebProperties.config.getString("newsTypes").getBytes("ISO-8859-1"),"UTF-8");			String[] newsTypes=newsTypesString.split(",");
Integer homePageNewsN=Integer.parseInt(WebProperties.config.getString("homePageNewsN"));
List<List<String>> newsCaptionsList=new ArrayList<List<String>>();
List<List<News>>  newsesList=newsService.getByTypesTopN1(newsTypes, homePageNewsN,newsCaptionsList);
array.put(newsTypes);
array.put(newsTypesNumber);
array.put(newsesList);
array.put(newsCaptionsList);
out.println(array);
	return;

前端vue：

声明：

<script src="https://cdn.staticfile.org/vue-resource/1.5.1/vue-resource.min.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

<script type="text/javascript">
    window.onload = function(){
    var vue =new Vue({
        el: '#app',
        data: {
            lists: []
        },
        methods: {

            get: function () {
                axios({
                    method: 'post',
                    url: 'http://localhost:8080/news/servlet/NewsServlet?type1=homepageTypes',
                    headers: {
                        'Content-Type': 'application/json;charset=UTF-8'
                    },
                    params: {
                        'grant_type': 'code',
                        'client_id': '1231453',
                        'client_secret': 'THIS_IS_THE_SECRET'
                    }
                }).then(function (response) {
                    console.log(response.data);
                }).catch(function (reason) {
                    console.log(reason);
                });
            }
        }
    });
    vue.get();
    }
</script>

结果：

（https://blog.csdn.net/qq_36544760/article/details/79435150） 

2.ajax访问json数据，json数据要用双引号，否则单引号会出现异常。