json在前端的使用

调用接口后一般传递的都是json格式的数据,这个json格式的数据吗可能会有多层嵌套,如何获取这个最内层的嵌套value值便是关键。

而数据解析放在前端便更加的简单,可以像数组一样使用但是需要解决以下问题:

1.数据在后端的时候已经是json格式的object,如何异步发送这个json数据到前端(最新版)或者json格式的数据是一个字符串,如何把这个字符串传递到前端----------通过学习springMVC框架会有解决办法

2.前端如何接收这个json数据-------ajax技术好像可以实现,也要研究一下最新版的技术

3.前段解析数据,并将我想要的部分数据放到指定的id关联的地方去(js实现)

根据这三个问题在最后四周冲刺之内解决。

<script>
//   var brr=[{name:'王建民', age:'100'},{name:'张三',age: '60'}]
//
// for(var i=0;i<brr.length;i++){
//    for(var j in brr[i]){
//        alert(brr[i][j])
//    }
// }

var str={
    "result": {
        "name":'张三',
        "age":"18",
        "edu":[{"college":"清华"},
            {"college":"北大"}],
        "job":[{"time":"2021/05/06"},
            {"place":"北京"},
            {"salary":"30000"}]
    },



    "salary": "7200",
    "skills":[{"技术":"web"},{}],
    "pos":[{},{}]
}
// var mes = JSON.stringify(str);
// document.write(typeof str)   //object
//document.write(typeof mes)   //string
document.write(str.result.name+"<br/>")
document.write(str.result.age+"<br/>")



for(var i=0;i<str.result.edu.length;i++){
   for(var j in str.result.edu[i]){
       document.write(str.result.edu[i][j]+"<br/>" )
   }
}
for(var i=0;i<str.result.job.length;i++) {
    for (var j in str.result.job[i]) {
        document.write(str.result.job[i][j] + "<br/>")
    }
}
    for(var i=0;i<str.skills.length;i++){

        for(var j in str.skills[i]){
            // if(str.skills[i]==null)
            document.write( str.skills[i][j])
        }
}
</script>
 

 

posted @ 2023-05-11 19:43  cojames  阅读(124)  评论(0)    收藏  举报