Json对象和字符串互相转换json数据拼接和JSON使用方式详细介绍(小结)

var data = '{ "name": "dran", "sex": "man" }';var obj = eval("("+data+")"); 或者var obj = JSON.parse(data)；

eg-json对象: var obj = { "name": "dran", "sex": "man" };var jstring = JSON.stringify(obj) ;// 建议用这个var jstring = obj.toJSONString(); //toJSONString()不是js原生的方法，需要引入相应的库或自己定义后才能用 (不习惯用)

{"first":[{"name":"张三","sex":"男","like":["吃饭","睡觉","打豆豆"]},{"name":"李四","sex":"男"},{"name":"王武","sex":"男"},{"name":"李梅","sex":"女"},],"second":[{"name":"上海大学","area":"上海"},{"name":"武汉大学","area":"武汉"},{"name":"北京大学","area":"北京"},{"name":"山东大学","area":"山东"},]}

$.ajax({url : "ceshi.json",type : "POST", dataType :"text", //浏览器把json文件当作文本文件 不然读取不出来 权宜之策就改成了text， 因为测试， json文件格式正确书写success: function(data) { var dataJson = eval("("+data+")"); // 将json字符串数据解析成对象var arr1 = dataJson.first;var arr2 = dataJson.second;//一栏显示 用for循环完成数组解析for(var i = 0; i<arr1.length; i++){ for(var j = 0; j<arr2.length; j++){var str='<div style="display:block">'+'<div>姓名：'+arr1[i].name+' 性别：'+arr1[i].sex+'</div>'+'<div>学校:'+arr2[j].name+'</div>'+'<div>地点:'+arr2[j].area+'</div>'+//'<div>喜好:'+arr1[i].like+'</div>'+ //全显示//'<div>喜好:'+arr1[i].like[1]+'</div>'+ //单独设置//'<div>喜好:'+arr1[i].like[0]+'</div>'+'</div>';}$(".result").append(str);}//分层显示//var str = "";// var str1 = "";// if (arr1 != null) {// for (var i = 0; i < arr1.length; i++) { //这里面都是创建并赋值// str += "<span>" + arr1[i].name + "</span><span>" + arr1[i].sex + "</span><br>";// }// $(".result").html(str);// }// if (arr2 != null) {// for (var j = 0; j < arr2.length; j++) {// str1 += "<span>" + arr2[j].name + "</span><span>" + arr2[j].area+ "</span><br>";// }// $(".result2").html(str1);// }},error:function(data){alert("error"); }})<div class="result">frist:</div><div class="result2">second:</div>for

[{"name":"张三","sex":"男","like":["吃饭","睡觉","打豆豆"]},{"name":"李四","sex":"男"},{"name":"王武","sex":"男"},{"name":"李梅","sex":"女"},]$.ajax({url : "ceshi.json",type : "POST", dataType :"text", //浏览器把json文件当作文本文件 不然读取不出来 权宜之策就改成了text， 因为测试， json文件格式正确书写success: function(data) { var dataJson = eval("("+data+")"); // 将json字符串数据解析成对象//each循环 使用$.each方法遍历返回的数据date,插入到class为 .result中 i 表示索引 item 信息值 对象 $.each(dataJson,function(i,item){var str='<div style="display:block">'+'<div>姓名：'+item.name+' 性别：'+item.sex+'</div>'+'<div>like:'+item.like+'</div>'+'</div>'; $(".result").append(str); })},error:function(data){alert("error"); }})<div class="result"></div>each

//json对象：var jsonObj= {"name":" 张三","sex":"男","age":26,};使用： jsonObj.name= "张三"jsonObj.age= "26"//json数组： []下标 从 0 开始var jsonArr =[{"name":"张三","sex":"男","like":["吃饭","睡觉","打豆豆"]},{"name":"李四","sex":"男"},{"name":"王武","sex":"男"},]使用： jsonArr[0].sex="男"jsonArr[1].name="李四"//多个数组： []下标 从 0 开始var options = {"city" :[{ "name":"上海","area":"普陀区","option":"真北路","correct":"1"},{"name":"石家庄","area":"河北","option":"在北方","correct":"2"}],"world":[{"title":"美国","content":"好莱坞大片 科幻"},{"title":"中国","content":"爱我中华，虽远必诛"}]};options.city[0].area="普陀区"options.world[1].content="爱我中华，虽远必诛