jQuery xml字符串的解析、读取及查找方法
本文实例讲述了jQueryxml字符串的解析、读取及查找方法。分享给大家供大家参考,具体如下:
xml字符串的解析
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<scriptsrc="jquery.min.js"type="text/javascript"></script>
<scripttype="text/javascript">
$(function(){
varxml='<markers>';
xml+='<markercarId="1"carName="SHANGHAI"gpsTime="2011-08-2621:21:11.0"lat="31.230393"lng="121.473704"direction="222"speed="22"/>';
xml+='<markercarId="7"carName="XIAMEN"gpsTime="2011-08-2621:21:11.0"lat="24.479836"lng="118.089421"direction="222"speed="22"/>';
xml+='</markers>';
varxmlDoc=$.parseXML(xml);
varresult="";
$(xmlDoc).find("markersmarker").each(function(){
result+="carId="+$(this).attr("carId")
+";carName="+$(this).attr("carName")
+";gpsTime="+$(this).attr("gpsTime")+"\n";
});
alert(result);
});
</script>
</head>
<body>
</body>
</html>
请求
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<title>无标题页</title>
<scriptsrc="jquery.js"type="text/javascript"></script>
<scripttype="text/javascript">
functionsearch(){
varsearchStrLow=$("#txtTitle").val().toLowerCase();
$.post("1.xml",function(data){
varhtml="";
$(data).find('book').each(function(){
vartitleLow=$(this).find("title").text().toLowerCase();
if(titleLow.indexOf(searchStrLow)!=-1){
html+="<tr><td>"+$(this).find("title").text()+"</td>";
html+="<td>"+$(this).find("author").text()+"</td>";
html+="<td>"+$(this).find("year").text()+"</td></tr>";
$("#tbody1").html(html);
}
});
});
}
</script>
</head>
<body>
<span>输入标题:</span><inputid="txtTitle"type="text"/>
<inputid="Button1"type="button"value="搜索"onclick="search()"/>
<tablestyle="width:100%;">
<thead><tr><td>Title</td><td>Author</td><td>Year</td></tr></thead>
<tbodyid="tbody1">
</tbody>
</table>
</body>
</html>
xml:
<?xmlversion="1.0"encoding="utf-8"?> <bookstore> <bookid="No1"> <title>AnIntroductiontoXML</title> <author>Chunbin</author> <year>2010</year> <price>98.0</price> </book> <bookid="No2"> <title>ThePerformanceofDataBase</title> <author>John</author> <year>1996</year> <price>56.0</price> </book> </bookstore>
更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery操作xml技巧总结》、《jQuery拖拽特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》、《jquery选择器用法总结》及《jQuery常用插件及用法总结》
希望本文所述对大家jQuery程序设计有所帮助。