JQuery解析HTML、JSON和XML实例详解_jquery

$("#a1").click(function(){
$("#div2").load('fragment.html');
return false;
});[code]

2、JSON
JSON文件是test.json，其内容：
[code]
[{"name":"jim","age":"20"},{"name":"lily","age":"18","hobby":["swim","movie"]}]

$("#a2").click(function(){
$.getJSON('test.json',function(data){
var html = '';
$.each(data,function(entryIndex,entry){
html += '';
if(entry.hobby){
html += '';
}

html += '';
});
html += '

'+entry.name+'

'+entry.age+'

'; $.each(entry.hobby, function(lineindex,line) { html += line+","; }); html += '

';
$("#div2").html(html);
return false;
});
});

深入浅出extjs
张三
88


锋利的jQuery
李四
99


深入浅出flex
王五
108


java编程思想
钱七
128

$("#a3").click(function(){
$.get('test.xml',function(data){
var s="";
$(data).find('book').each(function(i){
var id=$(this).attr('id');
var name=$(this).children('name').text();
var author=$(this).children('author').text();
var price=$(this).children('price').text();
s+=id+" "+name+" "+author+" "+price+"
";
});
$('#div2').html(s);
});
});