jQuery xml文字列の解析、読み取り、検索方法
2896 ワード
この例では、jQuery xml文字列の解析、読み取り、および検索方法について説明します.皆さんの参考にしてください.具体的には以下の通りです.
xml文字列の解析
リクエスト
xml:
jQueryの関連内容についてもっと興味のある読者は、「jQuery操作xmlテクニック総括」、「jQueryドラッグ特効とテクニック総括」、「jQuery拡張テクニック総括」、「jQueryよく見られる経典特効総括」、「jQueryアニメーションと特効使い方総括」、「jqueryセレクタ使い方総括」および「jQuery常用プラグインと使い方総括」を参照してください.
本文で述べたことが皆さんのjQueryプログラム設計に役立つことを望んでいます.
xml文字列の解析
$(function () {
var xml = '<markers>';
xml += '<marker carId="1" carName="SHANGHAI" gpsTime="2011-08-26 21:21:11.0" lat="31.230393" lng="121.473704" direction="222" speed="22" />';
xml += '<marker carId="7" carName="XIAMEN" gpsTime="2011-08-26 21:21:11.0" lat="24.479836" lng="118.089421" direction="222" speed="22" />';
xml += '</markers>';
var xmlDoc = $.parseXML(xml);
var result="";
$(xmlDoc).find("markers marker").each(function () {
result += "carId = " + $(this).attr("carId")
+ " ;carName =" + $(this).attr("carName")
+ " ;gpsTime =" + $(this).attr("gpsTime") + "
";
});
alert(result);
});
リクエスト
function search() {
var searchStrLow = $("#txtTitle").val().toLowerCase();
$.post("1.xml", function(data) {
var html = "";
$(data).find('book').each(function() {
var titleLow = $(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);
}
});
});
}
:
TitleAuthorYearxml:
An Introduction to XML
Chunbin
2010
98.0
The Performance of DataBase
John
1996
56.0
jQueryの関連内容についてもっと興味のある読者は、「jQuery操作xmlテクニック総括」、「jQueryドラッグ特効とテクニック総括」、「jQuery拡張テクニック総括」、「jQueryよく見られる経典特効総括」、「jQueryアニメーションと特効使い方総括」、「jqueryセレクタ使い方総括」および「jQuery常用プラグインと使い方総括」を参照してください.
本文で述べたことが皆さんのjQueryプログラム設計に役立つことを望んでいます.