首页 > web前端 > js教程 > jQuery读取分析xml文件步骤详解

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

php中世界最好的语言
发布: 2018-04-23 11:33:52
原创
1571 人浏览过

这次给大家带来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中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板