使用 Javascript 解析 XML:jParse
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 一共有 几 个站点: