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 @   cojames  阅读(112)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· winform 绘制太阳,地球,月球 运作规律
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
点击右上角即可分享
微信分享提示