<meta name="keywords" content="华夏棋牌,jQuery,XML" />
华夏棋牌 > web前端 > js教程 > 注释

在jQuery中处置赏罚赏罚XML数据的年夜致措施_jquery

原创 2016-05-16 15:45:09 0 82
赞助会员专享特权
XML 全称为 可扩年夜标志语言,其文件结构与 HTML 类似,然则差异也很显着,HTML 只能应用曾经界说的标签,如 title, body, span 等,标签种类是无限的,然则 XML 除可以应用 HTML 的一切标签,还可以自己随便定制标签,如 person, name, sex, age 等,而且 XML 中的标签属性称谓,也能够或许随便定制。另外二者用处方面也有显着差异,HTML 主要用来展示数据,XML 则着重于数据的存储和传输。例以下面这个质朴的 XML 文档用以存储员工信息:

<员工>
 <姓名>麻花疼
 <性别>男
 <年岁>40
 <职位>疼逊CEO


下面本文质朴简介若何应用 jQuery 载入一个 XML 文件并从中取得自己想要的数据。
准备 XML 文档及测试数据

假定我们现在要构建一个网罗职员信息的 XML 文档,该 XML 文档要能反映其姓名、所在公司、公司简介、公司产物简介几个信息,那么我们可以把 XML 设计成以下项目:

<?xml version="1.0" encoding="utf-8" ?>

 
 Microsoft
 The largest software company
 Windows series OS, SQL Server Database, XBox 360...
 

 
 Apple
 The famous software company
 Macintosh, iPhone, iPod, iPad...
 

 
 Google
 the largest search engine
 Google search, Google Adsense, Gmail...
 


质朴剖析一下这个 XML 文件,其中第一行 <?xml version="1.0" encoding="utf-8" ?> 是声明此文档为 XML 文档,且文本编码为 utf-8。第二行及最后一行 Persons 为文档的根元素,然后每个 Person 元素即体现每小我,姓名存储在 Person 元素的 FullName 属性中,Corporation 元素用来存储所在公司称谓,Description 元素用来存储公司简介,Products 元素用来存储公司产物简介。至此,该文档外面网罗了比尔·盖茨、乔布斯、拉里·佩奇三位 IT 界年夜佬的信息。
用 jQuery 剖析此 XML 文档

华夏棋牌起主要用$.get()措施载入 XML 文件,然后用find()措施找到一切 Person 元素,再用 each() 措施阻拦遍历,代码以下:



华夏棋牌质朴诠释一下这段代码,由于此 XML 文档相对质朴,以是这段代码也较量杂乱,代码中$.get()措施的第一个参数为 XML 文件地址,第二个参数是一个回调函数,回调函数中参数 xmlData 即为 XML 文件中的数据。在此示例中,我们盘算 XML 中的数据以表格的形式显示在 HTML 中,以是先构建一个表格字符串 htmlData 先。

紧接着,用find()措施,找到一切名为 Person 的元素,由于每个 Person 元素即体现一小我,然后再用 each() 措施阻拦遍历,把遍历到的元素赋个一个变量 Person。用Person.attr()措施去除元素的 FullName 属性,也就是职员的姓名,再用find()措施找到其子元素 Corporation,Description 和 Products 并前往它们的文本内容,并用 tr 和 td 标签将它们包装在表格的一个行外面。最后完成表格字符串,并将表格添加到 body 标签中。

php中文网最新课程二维码
  • 相关标签:jQuery XML
  • 本文原创宣布php中文网 ,转载请注明出处,谢谢您的尊重!
  • 相关文章


  • 原生javascript完因素享到同伙圈功效 支持ios和android_javascript手艺
  • jQuery链式挪用与show知识浅析_jquery
  • JS完成登录页面记着密码和enter键登录措施推荐_javascript手艺
  • BootstrapTable与KnockoutJS相联络完成增删改查功效【一】_javascript手艺
  • 在jQuery中处置赏罚赏罚XML数据的年夜致措施_jquery
  • 网友议论

    文明上彀理性语言,请遵守 新闻议论服务协定

    我要议论

    独孤九贱(5)_ThinkPHP5视频教程

    ThinkPHP是国际最盛行的中文PHP开发框架,也是您Web项目的最好选择。《php.cn独孤九贱(5)-ThinkPHP5视频教程》课程以ThinkPHP5最新版本为例,从最基本的框架知识泉源,将...

    • 2017-05-16 12:03:57
    • 点击数(173551)

    独孤九贱(4)_PHP视频教程

    江湖传言:PHP是天下上最好的编程语言。真的是这样吗?这个梗现实是从哪来的?学会本课程,你就会明确了。 华夏棋牌-万豪棋牌电玩城-微信娱乐棋牌出品的PHP入门系统教授修养视频,完全从初学者的角度出发,绝不玩虚的,一切以适用、有用...

    • 2017-03-20 22:47:17
    • 点击数(169675)

    独孤九贱(1)_HTML5视频教程

    华夏棋牌《php.cn原创html5视频教程》课程特点:php中文网原创滑稽段子系列课程,以恶弄,段子为主题气焰气焰的php视频教程!轻松的教授修养气焰气焰,杂乱的教授修养形式,让同砚们在不知不觉中,学会了HTML知识。 ...

    • 2017-03-13 10:15:11
    • 点击数(137125)

    ThinkPHP5实战之[教授修养治理系统]

    华夏棋牌本套教程,以一个真实的黉舍教授修养治理系统为案例,手把手教会您怎样在一张白纸上,从零泉源,一步一步的用ThinkPHP5框架快速开发出一个商业项目。

    • 2017-07-24 16:48:56
    • 点击数(130418)

    PHP入门视频教程之一周学会PHP

    一切盘算机语言的学习都要从根原泉源,《PHP入门视频教程之一周学会PHP》不只是PHP的基础部门更主要的是PHP语言的焦点手艺,是学习PHP必须控制的内容,任何PHP项目的完成都离不开这部门的内容,通...

    • 2016-11-16 14:54:14
    • 点击数(129775)

    作者信息

    php中文网

    认证0级讲师

    比来文章

    相关视频教程

  • javascript低级视频教程
  • jquery 基础视频教程
  • javascript三级联动视频教程
  • 独孤九贱(3)_JavaScript视频教程
  • 独孤九贱(6)_jQuery视频教程
  • 相关视频章节