使用 Javascript 解析 XML：jParse
Denis
发布于 2023-04-16 05:29:53
发布于 2023-04-16 05:29:53
代码可运行
运行总次数：0
代码可运行
jParse 是一个 jQuery 插件，它能够用来解析上通过 jQuery .ajax 方法加载的的 XML 文件。jParse 非常容易使用，大小只有 2KB，非常轻量级，并且在所有的主流浏览器上都兼容。（Firefox 1.5+，Safari 3+，Chrome 3，Internet Explorer 6+，Opera 9+）。
jParse 细功能
- jParse 能够选择 XML 节点上的任何值，或者节点的参数。
- jParse 可以输出一个完整的定制化的 HTML 代码。
- 可以在 jParse 开始之前和完成工作之外运行 callback 函数。
- 可以限制 items 的数量。
- 可以排除指定单词，数字，或者符号的 XML 节点。
- 可以在任何地方输出 feed 中 的数量。
jParse 使用
由于安全的原因，jQuery .ajax 方法不允许跨域名做 Ajax 请求，所以首先要解析的 XML 文件必须在同个域名下面。
由于 jParse 是 jQuery 插件，所以首先要在 head 中导入 jQuery 库，我们可以通过使用 WordPress 自带的 jQuery 库或者 Google AJAX Libraries 来加载 jQuery。
然后在 head 中加载 jParse 的代码，你可以到这里下载。
在 head 中加入自定义函数：
function start(){
jQuery('#jparse-meta').html('<span style="color:red;">载入 XML ....</span>');
}
function finish(){
jQuery('#jparse-meta').remove();
}
function parse_xml(){
$('#ajax-cont').jParse({
ajaxOpts: {url: 'http://blog.wpjam.com/wp-content/uploads/sites.xml'},
elementTag: ['name', 'link', 'description'],
count: '#item-count',
output: '<p><strong><a href="jpet1">jpet0</a></strong><br />jpet2</p>',
precallback: start,
callback: finish
});
};最后在正文中插入如下代码：
<p><span id="jparse-meta"><a href="#" onclick="parse_xml()">点击这里查看</a></span> Denis 一共有 <span id="item-count">几</span> 个站点。</p>
<div id="ajax-cont"></div>jParse 演示
下面是我做的一个演示，它能够解析一个 http://blog.wpjam.com/wp-content/uploads/sites.xml 文件，查看我一些的站点。
点击这里查看 Denis 一共有 几 个站点：
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
暂无评论
推荐阅读
相关推荐
【前端基础】javascript笔记
更多 >
腾讯云开发者
