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程序设计有所帮助。