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