简单的后端传送json格式至前端正确处理方法


最近做项目用echarts时涉及到了从后台返回json数据给前台,所以就稍微学了一下,做些记录。

其中json的语法规则如下:

数据在名称/值对中 "key":"value"
数据由逗号分隔
{} 保存对象
[] 保存数组

引用某位大佬说的话:

Json是一种文本字符串!被存储在responseText属性中,而读取json数据可以使用javascript的eval函数来解析json。

json对象:

//样例1:对象类型
var data1 = {"name":"Alice","age":13,"measurements":new int[]{60,70,70}};

json 数组:

//样例2:集合类型
var data2 = [{"name":"Paul"},{"age":12},{"measurements":new int[]{30,40,50}}];

进行测试:

样例1:

  • 后端代码:

    Map data1 = new HashMap<>();
    data1.put("name", "Alice");
    data1.put("age", 12);
    data1.put("measurements", new int[] { 60, 70, 70 });
    
    JSONObject object = JSONObject.fromObject(data1); //创建Json对象
    //将json对象转化为字符串在终端输出
    System.out.print(object.toString());
    //把json数据返回给浏览器:
    resp.getWriter().write(object.toString());
    
  • 终端输出:

     {"name":"Alice","age":12,"measurements":[60,70,70]}
    
  • 前端代码:

    
    
  • 网页弹窗提示:

样例2: