首页 > 语言 > JavaScript > 正文

jQuery实现定时读取分析xml文件的方法

2024-05-06 16:23:15
字体:
来源:转载
供稿:网友

这篇文章主要介绍了jQuery实现定时读取分析xml文件的方法,涉及jquery通过定时器采用Ajax方法读取并处理XML文件的相关技巧,需要的朋友可以参考下

本文实例讲述了jQuery实现定时读取分析xml文件的方法。分享给大家供大家参考。具体如下:

这里演示了jQuery如何通过ajax方式定时读取xml文件并分析。

xml文件如下:

 

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

js文件如下:

 

 
  1. $(document).ready(function() { 
  2. function get_info() { 
  3. $.ajax({ 
  4. type: "GET"
  5. url: "page.xml"
  6. dataType: "xml"
  7. cache: false
  8. complete: function(doc) { 
  9. var tasks = $(doc.responseText).find("page").attr("tasks"); 
  10. var msgs = $(doc.responseText).find("page").attr("messages"); 
  11. var notes = $(doc.responseText).find("page").attr("notifications"); 
  12. if (tasks != $('#tasks').text() || 
  13. msgs != $('#messages').text() || 
  14. notes != $('#notifications').text()) { 
  15. document.title = "Facebook" + ' NEW NOTIFICATON'
  16. $('#tasks').text(tasks); 
  17. $('#messages').text(msgs); 
  18. $('#notifications').text(notes); 
  19. }); 
  20. setInterval(function() { 
  21. get_info(); 
  22. }, 5000); 
  23. }); 

希望本文所述对大家的jquery程序设计有所帮助。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选