jQuery中调用JSON和XML数据--jQuery基础知识点(6)

版权声明:本文为博主原创文章,遵循 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>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

扫码关注云+社区

领取腾讯云代金券