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程序设计有所帮助。

赞 (0)

相关推荐

  • jQuery 行级解析读取XML文件（附源码）

    jQuery 行级解析读取XML文件（附源码）

    最近在做一个项目,因为页面使用了Cookie,所以要判断用户的浏览器是否支持Cookie,并提示用户如何开启浏览器的Cookie功能.同时,整个项目要配置多语言支持,包括中文.越南语.日语和英语,所以必须有语言配置文件.项目中应用jQuery解析读取XML语言配置文件来实现语言的调度.这是jQuery解析读取XML文件功能的测试源码,现拿出来分享.目录结构: main.css文件代码: 复制代码 代码如下: @CHARSET "UTF-8"; * { margin: 0px; padd

  • JQuery读取XML文件数据并显示的实现代码

    准备工作 在开始之前我们需要做如下准备工作: 1.创建一个名为DEMO.html空白html文件:(推荐使用Editplus创建) 2.熟悉JQuery框架的基本语法:(不熟悉没关系,后面我会注释得很详细) 3.创建一个名为data.xml的XML文件用来存储数据,XML的结构下面会涉及到,你也可以下载我打包好的文件查看: 4.一个loading.gif图片,这个图片用于在将XML读取出来的等待时间里面显示在空白html文档中 正式开始 Step 1:首先让我们看看这个data.xml的简单结构

  • jquery读取xml文件实现省市县三级联动的方法

    jquery读取xml文件实现省市县三级联动的方法

    本文实例讲述了jquery读取xml文件实现省市县三级联动的方法.分享给大家供大家参考.具体如下: 页面代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'city.jsp' starting p

  • jQuery处理XML文件的几种方法

    XML和HTML都是标记语言,语法形式非常相似,同属于一个语言体系.对于HTML的解析,我是使用jQuery非常方便,其实,我们也可以用jquery解析XML,也是同样的方便. 如果你用过Java.PHP等语言解析过XML,相信会跟我有相同的感觉,那就是很麻烦.改用jQuery来读取.分析.操作XML后,给人意想不到的轻松感.下面我们来看看使用jQuery处理XML文件的几种形式方法. 使用JavaScript常规方法解析XML var xmlDoc = request.responseXML;

  • jQuery 解析xml文件

    复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>jquery xml解析</title> <script src="jquery.min.js" type="text/javascript"></script> <script ty

  • jQuery+ajax读取并解析XML文件的方法

    jQuery+ajax读取并解析XML文件的方法

    本文实例讲述了jQuery+ajax读取并解析XML文件的方法.分享给大家供大家参考,具体如下: ajax.xml: <?xml version="1.0" encoding="UTF-8"?> <stulist> <student email="1@1.com"> <name>zhangsan</name> <id>1</id> </student>

  • jQuery加载及解析XML文件的方法实例分析

    本文实例讲述了jQuery加载及解析XML文件的方法.分享给大家供大家参考,具体如下: 1.简述 XML(eXtensible Markup Language)即可扩展标记语言,与HTML一样,都是属于SGML标准通用语言. 2. Content-Type 很多情况下XML文件不能正常解析都是由于Content-Type没有设置好.如果Content-Type本身就是一个XML文件则不需要设置:如果是由后台程序动态生成的,那么就需要设置Content-Type为"text/xml",否

  • jQuery读取XML文件的方法示例

    本文实例讲述了jQuery读取XML文件的方法.分享给大家供大家参考,具体如下: <?xml version="1.0" encoding="utf-8" ?> <taxrates> <taxrate id="1"> <lower>0</lower> <upper>500</upper> <rate>5</rate> <buckle&

  • jQuery解析XML文件同时动态增加js文件的方法

    本文实例讲述了jQuery解析XML文件同时动态增加js文件的方法.分享给大家供大家参考.具体实现方法如下: $(function(){ $.ajax({ url: 'js/config/jsConfig.xml', dataType: 'xml', success: function(data){ $(data).find("moduleName").each(function(i,obj) { var field = $(this); var funcName = field.at

  • jquery解析XML字符串和XML文件的方法说明

    1.读取XML字符串:例如: 复制代码 代码如下: $(document).ready(function(){ var xml = "<xml><root><record><name>liubl</name></record><record><name>chencp</name</record></root></xml>";//var xml=&qu

  • jQuery读取XML文件内容的方法

    本文实例讲述了jQuery读取XML文件内容的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml

随机推荐