使用 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 一共有 个站点:

标签:

热门文章