使用 Javascript 解析 XML：jParse

Denis

发布于 2023-04-16 13:29:53

5350

发布于 2023-04-16 13:29:53

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>