首頁 >web前端 >js教程 >jQuery讀取分析xml檔步驟詳解

jQuery讀取分析xml檔步驟詳解

php中世界最好的语言
php中世界最好的语言原創
2018-04-23 11:33:521572瀏覽

這次帶給大家jQuery讀取分析xml檔步驟詳解,jQuery讀取分析xml檔的注意事項有哪些,下面就是實戰案例,一起來看一下。

這裡示範了jQuery如何透過ajax方式定時讀取xml檔並分析。

xml檔案如下:

<?xml version="1.0"?>
<data>
 <page tasks="1" messages="3" notifications="3"/>
</data>

js檔案如下:

$(document).ready(function() {
 function get_info() {
  $.ajax({
   type: "GET",
   url: "page.xml",
   dataType: "xml",
   cache: false,
   complete: function(doc) {
    var tasks = $(doc.responseText).find("page").attr("tasks");
    var msgs = $(doc.responseText).find("page").attr("messages");
    var notes = $(doc.responseText).find("page").attr("notifications");
    if (tasks != $('#tasks').text() ||
     msgs != $('#messages').text() ||
     notes != $('#notifications').text()) {
     document.title = "Facebook" + ' NEW NOTIFICATON';
    }
    $('#tasks').text(tasks);
    $('#messages').text(msgs);
    $('#notifications').text(notes);
   }
  });
 }
 setInterval(function() {
  get_info();
 }, 5000);
});

#相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

jQuery讓瀏覽器互相跳轉傳遞參數使用詳解

jQuery無new建置使用詳解

jquery外掛程式uploadify使用詳解

#

以上是jQuery讀取分析xml檔步驟詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn