使用 jQuery 在浏览器中处理 XML
2010-01-20 00:00:00 来源:WEB开发网已经对工作台代码做了很好的注释,但这里还有一些需要注意的地方。名称空间过滤器是清单中最后一个函数。第一个函数是在主页 DOM 完全准备好之后调用一般的 jQuery hook。它为目标 XML 检索 URL,并调用 Ajax 来加载文件。注意,dataType: "xml" 命令 Ajax 机制来分析 XML 响应文件。如果出现错误,它将调用 error_func 回调函数,否则它将调用 xml_ready 回调函数,这是用户为实现应用程序行为而提供的。该回调函数使用了结果架构,您可以用responseXML 属性从中取回 XML 。清单 3(quotes.js)是这种情况下的应用程序代码。
清单 3. (quotes.js)动态引用查看器的应用程序代码
/*
quotes.js
*/
function xml_ready(result){
var xml = result.responseXML;
//Make sure the target area for inserting data is clear
$("#update-target ol").empty();
$(xml).find('*').ns_filter('http://example.com', 'q').each(function(){
var quote_text = $(this).text()
$('<li></li>')
.html(quote_text)
.appendTo('#update-target ol');
}); //close each(
}
清单 4 (quotes1.xml)是带有引用清单的 XML 文件。
清单 4. (quotes1.xml)带有引用清单的 XML 文件
<?xml version="1.0" encoding="utf-8"?>
<x:quotes xmlns:x='http://example.com'>
<x:q>Words have meaning and names have power</x:q>
<x:q>Sticks and stones will break my bones, but names will never hurt me.</x:q>
<x:q>The beginning of wisdom is to call things by their right names.</x:q>
<x:q>Better to see the face than to hear the name. </x:q>
</x:quotes>
更多精彩
赞助商链接