版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://ligang.blog.csdn.net/article/details/41660933
1. JSON的结构包含两种:一种是name/value形式,另一种为数组格式。
var Obj = {"name":"ligang","age":24,"sex":"male"};
var strObj = {"member":[
{grade:"一年级",students:{name:["李刚","ligang"]}},
{grade:"二年级",students:{name:["lg","leegang"]}}
]};
//获取对象属性值
var obj = strObj.member;
$.each(obj,function(index){
console.log(obj[index].students.name[1]); //ligang leegang
//console.log(obj[index].students[0].name[1]); //错误
})
2. 将字符串转成JSON对象
var strInfo = "{'name':'ligang','age':24,'sex':'male'}"; //strInfo.name ==> undefined
var objInfo = eval('('+strInfo+')'); //objInfo.name ==> "ligang"
3. 完整地解析一个XML格式的数据,有两种方式:一种方式是通过DOM文档模型进行解析,另一种方式是遍历各个标签的节点。 4. 与传统的JavaScript调用XML相比,使用jQuery解析方便的多,其先使用$.ajax()方法请求并打开指定的XML文件,然后,在回调函数中获取返回的XML文件数据对象,使用find()、children()、text()方法获取各个标签下的元素并读取元素的值。
var arrGrade = new Array(980886, 980666);
var strHTML = ""; //初始化保存内容变量
$.ajax({
url: 'Xml/7-6.xml?',
dataType: 'xml',
success: function(data) {
$.each(arrGrade, function(i) {
var $strUser = $(data).find("User[grade=" + arrGrade[i] + "]");
strHTML += "<h3>年级:" + arrGrade[i] + "</h3>";
$strUser.each(function() {
strHTML += "姓名:" + $(this).children("name").text() + "<br>";
strHTML += "性别:" + $(this).children("sex").text() + "<br>";
strHTML += "邮箱:" + $(this).children("email").text() + "<hr>";
});
});
$("#Tip").html(strHTML); //显示处理后的数据
}
});
<?xml version="1.0" encoding="utf-8" ?>
<Info>
<User grade="980886">
<name>ligang</name>
<sex>男</sex>
<email>ligang@163.com</email>
</User>
<User grade="980886">
<name>leegang</name>
<sex>男</sex>
<email>leegang@163.com</email>
</User>
<User grade="980666">
<name>lg</name>
<sex>男</sex>
<email>lg@163.com</email>
</User>
</Info>