jQuery加载及解析XML文件的方法实例分析

前端之家收集整理的这篇文章主要介绍了jQuery加载及解析XML文件的方法实例分析前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例讲述了jQuery加载及解析XML文件方法分享给大家供大家参考,具体如下:

1、简述

XML(eXtensible Markup Language)即可扩展标记语言,与HTML一样,都是属于SGML标准通用语言。

2、 Content-Type

很多情况下XML文件不能正常解析都是由于Content-Type没有设置好。如果Content-Type本身就是一个XML文件则不需要设置;如果是由后台程序动态生成的,那么就需要设置Content-Type为“text/xml”,否则jQuery会以默认的“text/html”方式处理,导致解析失败。以下是几种常见语言中设置Content-Type的方式。

PHP response.ContentType = "text/xml"; //ASP response.setContentType("text/xm"); //JSP

3、创建实例XML文档(Student.xml)

peter 1 ken 2

4、获取XML

函数 }); });

通过JQuery的Ajax函数进行读取。

5、 解释XML

获取XML成功后回调函数 function GetStudentComplete(xml) { $(xml).find("student").each(function(i) { //查找所有student节点并遍历 var id = $(this).children("id"); //获得子节点 var id_vaule = id.text(); //获取节点文本 var email_vaule = $(this).attr("email"); //获取节点的属性 alert(id_vaule); alert(email_vaule); }); }

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

PS:这里再为大家提供几款关于xml操作相关在线工具供大家参考使用:

在线XML/JSON互相转换工具:

在线格式化XML/在线压缩XML:

XML

在线压缩/格式化工具:

xml

代码在线格式化美化工具:

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》、《》及《

希望本文所述对大家jQuery程序设计有所帮助。

原文链接:https://www.f2er.com/jquery/42207.html

猜你在找的jQuery相关文章