jquery 解析 xml
just
posted @ 2009年5月05日 21:24
in web
, 1080 阅读
<script language="javascript" src="scripts/jquery.js"></script>
<script type="text/javascript">
$.ajax({
type: "GET",
url: "xxx.jsp",
dataType: "xml",
data: "fid=${param.fid}",
success: function(data) {
var name ="";
var content = "";
var date = "";
$(data).find('item').each(function(){
name = $(this).find('name').text();
content = $(this).find('content').text();
date = $(this).find('date').text();
这下面都是把解析后的xml赋值给界面
$('<li style="padding-bottom: 2px;padding-top: 2px;"></li>').html("<span class=spa>" +name + " </span>(" + date + ")<br/>" + content).appendTo('#content ol');
})
$(".stripe li").mouseover(function(){
$(this).addClass("over");}).mouseout(function(){
$(this).removeClass("over");})
$(".stripe li .spa").addClass("alt");
// $(".stripe li:even .spa").removeClass("alt1").addClass("alt");
}
});
</script>
$('').attr('') 这个方法可以获得获得属性
<script type="text/javascript">
$.ajax({
type: "GET",
url: "xxx.jsp",
dataType: "xml",
data: "fid=${param.fid}",
success: function(data) {
var name ="";
var content = "";
var date = "";
$(data).find('item').each(function(){
name = $(this).find('name').text();
content = $(this).find('content').text();
date = $(this).find('date').text();
这下面都是把解析后的xml赋值给界面
$('<li style="padding-bottom: 2px;padding-top: 2px;"></li>').html("<span class=spa>" +name + " </span>(" + date + ")<br/>" + content).appendTo('#content ol');
})
$(".stripe li").mouseover(function(){
$(this).addClass("over");}).mouseout(function(){
$(this).removeClass("over");})
$(".stripe li .spa").addClass("alt");
// $(".stripe li:even .spa").removeClass("alt1").addClass("alt");
}
});
</script>
$('').attr('') 这个方法可以获得获得属性
我xml的格式:
<?xml version="1.0" encoding="utf-8"?>
<root>
<item>
<name>nick</name>
<date>2008-06-12 02:57:42</date>
<content>fsdfasdf</content>
</item>
</root>
<root>
<item>
<name>nick</name>
<date>2008-06-12 02:57:42</date>
<content>fsdfasdf</content>
</item>
</root>