欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

jQuery读取分析xml文件步骤详解

程序员文章站 2022-04-18 14:32:21
...
这次给大家带来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);
});

相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!

推荐阅读:

jQuery让浏览器相互跳转传递参数使用详解

jQuery无new构建使用详解

jquery插件uploadify使用详解

以上就是jQuery读取分析xml文件步骤详解的详细内容,更多请关注其它相关文章!