简单的后端传送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<Object,Object> 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.String());
//把json数据返回给浏览器：
终端输出：
{"name":"Alice","age":12,"measurements":[60,70,70]}
前端代码：
<script type="text/javascript">
$.ajax({
url:"url",
dataType:"json",
type:"get",
data:{
},
contentType:"application/json;charset=utf-8",
success:function(resule){
var jsonobj= eval(resule);
var test = JSON.stringify(jsonobj)//将json对象转化成字符串
alert("str->样例1:\n"+test);
alert("直接->jsonobj.name:\n"+jsonobj.name);
},
error:function(){
alert("Error");
}
});
</script>
⽹页弹窗提⽰：
样例2：
后端代码：
HashMap<Object, Object> map = null;
List<Object> data2 = new ArrayList<Object>();
map = new HashMap<Object, Object>();
map.put("name", "Paul");
data2.add(map);
map = new HashMap<Object, Object>();
字符串转数组 前端
map.put("age", 12);
data2.add(map);
map = new HashMap<Object, Object>();
map.put("measurements", new int[] { 30, 40, 50 });
data2.add(map);
JSONArray object2 = JSONArray.fromObject(data2); //创建Json对象
//将json对象转化为字符串在终端输出
System.out.String());
//把json数据返回给浏览器：
终端输出：
[{"name":"Paul"},{"age":12},{"measurements":[30,40,50]}]
前端代码：
<script type="text/javascript">
$.ajax({
url:"url",
dataType:"json",
type:"get",
data:{
},
contentType:"application/json;charset=utf-8",
success:function(resule){
var jsonobj= eval(resule);
var test = JSON.stringify(jsonobj)//将json对象转化成字符串
alert("str->样例2:\n"+test);
alert("直接->jsonobj[0].name:\n"+jsonobj[0].name);
},
error:function(){
alert("Error");
}
});
</script>
⽹页弹窗提⽰：
总结：
如果是需要传输类似于样例1中的对象类型则需要在后端使⽤JSONObject.fromObject()⽅法，值得⼀提的是，使⽤JSONObject类时需要导⼊import net.sf.json.JSONObject;
如果是需要传输类似于样例2中的集合类型则需要在后端使⽤JSONArray.fromObject()⽅法，值得⼀提的是，使⽤JSONArray类时需要导⼊import net.sf.json.JSONArray;
此外，如果是需要在jsp页⾯中使⽤传输过来的结果的话，是不需要⽤JSON.stringify()将传输结果转换成字符串的，这⾥是为了演⽰⽅便。
可以：对象直接使⽤键名调⽤，变量名.键名；集合⽤法类似数组，变量名.[下标].键名
正如我⼀开始就提到的，我只是因为有需要就学了点⽪⽑，必然会有许多瑕疵

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。