jQuery xml string parsing, membaca dan mencari kaedah

Rumah

hujung hadapan web

tutorial js

jQuery xml string parsing, membaca dan mencari kaedah_jquery

May 16, 2016 pm 03:12 PM

jquery Cari menghuraikan membaca

Contoh dalam artikel ini menerangkan kaedah menghurai, membaca dan mencari rentetan jQuery xml. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:

Menghuraikan rentetan xml

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
&lt;script src="jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
  $(function () {
    var xml = '&lt;markers&gt;';
    xml += '&lt;marker carId="1" carName="SHANGHAI" gpsTime="2011-08-26 21:21:11.0" lat="31.230393" lng="121.473704" direction="222" speed="22" /&gt;';
    xml += '&lt;marker carId="7" carName="XIAMEN" gpsTime="2011-08-26 21:21:11.0" lat="24.479836" lng="118.089421" direction="222" speed="22" /&gt;';
    xml += '&lt;/markers&gt;';
    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") + "\n";
    });
    alert(result);
  });
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;/body&gt;
&lt;/html&gt;

Salin selepas log masuk

Permintaan

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;title&gt;无标题页&lt;/title&gt;
&lt;script src="jquery.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
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 += "&lt;tr&gt;&lt;td&gt;" + $(this).find("title").text() + "&lt;/td&gt;";
        html += "&lt;td&gt;" + $(this).find("author").text() + "&lt;/td&gt;";
        html += "&lt;td&gt;" + $(this).find("year").text() + "&lt;/td&gt;&lt;/tr&gt;";
        $("#tbody1").html(html);
      }
    });
  });
}
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
  &lt;span&gt;输入标题:&lt;/span&gt;&lt;input id="txtTitle" type="text" /&gt;
  &lt;input id="Button1" type="button" value="搜索" onclick="search()" /&gt;
  &lt;table style="width: 100%;"&gt;
    &lt;thead&gt;&lt;tr&gt;&lt;td&gt;Title&lt;/td&gt;&lt;td&gt;Author&lt;/td&gt;&lt;td&gt;Year&lt;/td&gt;&lt;/tr&gt;&lt;/thead&gt;
    &lt;tbody id="tbody1"&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
&lt;/body&gt;
&lt;/html&gt;

Salin selepas log masuk

xml:

&lt;&#63;xml version="1.0" encoding="utf-8" &#63;&gt;
&lt;bookstore&gt;
　　&lt;book id="No1"&gt;
  　　&lt;title&gt;An Introduction to XML&lt;/title&gt;
  　　&lt;author&gt;Chunbin&lt;/author&gt;
  　　&lt;year&gt;2010&lt;/year&gt;
  　　&lt;price&gt;98.0&lt;/price&gt;
  &lt;/book&gt;
　　&lt;book id="No2"&gt;
  　　&lt;title&gt;The Performance of DataBase&lt;/title&gt;
  　　&lt;author&gt;John&lt;/author&gt;
  　　&lt;year&gt;1996&lt;/year&gt;
  　　&lt;price&gt;56.0&lt;/price&gt;
  &lt;/book&gt;
&lt;/bookstore&gt;

Salin selepas log masuk

Pembaca yang berminat dengan lebih banyak kandungan berkaitan jQuery boleh menyemak topik khas tapak ini: "Ringkasan kemahiran xml operasi jQuery", "Ringkasan kesan dan kemahiran seret jQuery", " Ringkasan kemahiran sambungan JQuery", "ringkasan kesan khas klasik biasa jQuery", "ringkasan penggunaan jQuery dan ringkasan penggunaan kesan khas", Ringkasan penggunaan pemilih jquery " dan "Ringkasan pemalam dan penggunaan jQuery biasa"

Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan jQuery.

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn