《锋利的jQuery》十三、jQuery加载并解析XML


title: 《锋利的jQuery》十三、jQuery加载并解析XML
date: 2017-08-23 22:36:20
tags: 锋利的jQuery


语法

XML(eXtensible Markup Language),于HTML一样,都属于SGML标准通用语言。

XML的语法如下:

  1. 任何起始标签都必须有一个结束标签

  2. 标签必须按照合理的顺序嵌套,和HTML相同的道理。

  3. 所有属性都需要有值,并且需要在值上加上双引号。

  4. XML文件只能有一个顶层元素,好比HTML的<html>元素。

很多时候XML不能正常解析是因为Content-Type没有设置好。要设置为text/xml,否则会按照默认的text/html方式处理,导致解析失败

解析XML

解析XML文档与解析DOM一样,也可以用find()children()等函数来解析和用each()方法来进行遍历,另外也可以用text()attr()方法来获取节点文本和属性(类似HTML的行内属性)。

success: function(xml){
    var frag = $('<ul></ul>')
    $(xml).find('student').each(function(){     // 查找所有<student>节点并且遍历
        var id = $(this).children('id');    // 取得所有<id></id>子节点
        var id_value = id.text();       // 取得子节点文本
        var email = $(this).attr('email');         // 获取<student>元素上的email属性
        frag.append('<li>' + id_value + '-' + email + '</li>');        // 构造html字符串
    })
    frag.appendTo('#load');        // 最后添加到html文档中
}
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值