首页 / 脚本样式 / JavaScript / json数据处理及数据绑定

{"img":"quizvault_internet_test_banner@2x.png","golds":"200","praise":"64000","tit":"互联网给工作带来的麻烦","tit_describe":"在朋友圈转发身体被掏空，HR找你深情谈话：不想干就走。看看你有哪些情况？","images":[{"name":"quizvault_internet_test_nor.png"},{"name":"quizvault_internet_test_nor.png"},{"name":"quizvault_internet_test_nor.png"},{"name":"quizvault_internet_test_nor.png"}],"images_tit":[{"name":"自从大家习惯用微信工作后就要24小时standby"},{"name":"自从大家习惯用微信工作后就要24小时standby"},{"name":"自从大家习惯用微信工作后就要24小时standby"},{"name":"自从大家习惯用微信工作后就要24小时standby"}]}

var datas = "{{data}}"; var data; srtjson（datas）; console.log（data）; function srtjson（datas） {var b = htmlDecode（datas）;var dataObj = b.substring（1, b.length - 1）;data = eval（"（" + dataObj + "）"）;function htmlDecode（text） { var temp = document.createElement（"div"）; temp.innerHTML = text; var output = temp.innerText || temp.textContent; temp = null; return output;} }

 //把json的key设为id，通过遍历对象进行数据绑定for（var p in data）{ $（"#"+p）.html（data[p]）;};

//对数组进行循环，进行绑定并且动态成成html for（var i=0;i<data.question_tit.length;i++）{ $（"#J_main ul"）.append（"<li><div class="cir">"+data.question_tit[i].name+"</div><span>"+data.question_main[i].name+"</span></li>"）; }

//动态css进行绑定$（".banner"）.css（{ "backgroundImage": "url（"+"images/"+ data.img+"）"//"backgroundImage": "url（"+"{{resource}}"+ data.img+"?type=web-image"+"）"}）;