当前位置: 首页 > news >正文

jQuery实现AJAX定时局部页面刷新

 

 

不时,我需要某种机制,不断刷新网页,以提供一个实时的仪表板某种。如果我只能刷新一个特定的页面的一部分,这将是很大的,例如:仪表盘上的交通灯显示系统状态。

这是很容易通过使用jQuery JavaScript库,只刷新页面的一部分。一旦我们纳入我们的页面的jQuery库,我们只需要1行的JavaScript得到它的工作:

1
< script  src="/js/jquery-1.3.2.min.js" type="text/javascript"></ script >

所以我们只要我们的页面放入这个小的JS代码片段刷新里面的内容ID标签的一切,让我们说,每5秒:

1
2
3
setInterval( function () {
     $( "#content" ).load(location.href+ " #content>*" , "" );
}, 5000);

 

这就是它!!因此,这是很容易完成一些实时监控的行为,只是那行代码。没有更奇怪的元刷新标记或iframe一种解决方法,在Web应用程序。

每5秒,我们将刷新内容相同的URL和所有元素,驻留在元素ID为content元素的内容:内容。

相关文章:

  • Centos文件查看命令字符
  • ospf实例分析 (子网掩码实战)
  • 欢迎访问我的个人网站
  • 通过串口收发短消息(上)
  • [LeetCode]Reverse Linked List II
  • Vijos 1067Warcraft III 守望者的烦恼
  • 清除连接(其他电脑的)记录
  • 袋鼠云助力光伏产业 | 基于阿里云数加平台做算法预测
  • 重作了一次学生
  • 第十九章,指针小练习(C++)
  • jqgrid 定义方法, 而不向服务器请求
  • 售前工程师的成长---一个老员工的经验之谈(1)转载
  • IP路由原理
  • WinForm 下的 Wizard(向导) 控件, 提供设计时支持!
  • Logback手冊 Chapter 1: Introduction
  • 分享一款快速APP功能测试工具
  • [分享]iOS开发 - 实现UITableView Plain SectionView和table不停留一起滑动
  • 《深入 React 技术栈》
  • 【css3】浏览器内核及其兼容性
  • 10个最佳ES6特性 ES7与ES8的特性
  • Android 初级面试者拾遗(前台界面篇)之 Activity 和 Fragment
  • Angular4 模板式表单用法以及验证
  • Brief introduction of how to 'Call, Apply and Bind'
  • dva中组件的懒加载
  • Effective Java 笔记(一)
  • GraphQL学习过程应该是这样的
  • Java程序员幽默爆笑锦集
  • js如何打印object对象
  • WinRAR存在严重的安全漏洞影响5亿用户
  • 从零开始的无人驾驶 1
  • 基于OpenResty的Lua Web框架lor0.0.2预览版发布
  • 如何在GitHub上创建个人博客
  • 使用前端开发工具包WijmoJS - 创建自定义DropDownTree控件(包含源代码)
  • 一道闭包题引发的思考
  • 一起来学SpringBoot | 第三篇:SpringBoot日志配置
  • Unity3D - 异步加载游戏场景与异步加载游戏资源进度条 ...
  • ​直流电和交流电有什么区别为什么这个时候又要变成直流电呢?交流转换到直流(整流器)直流变交流(逆变器)​
  • # 飞书APP集成平台-数字化落地
  • #每日一题合集#牛客JZ23-JZ33
  • (4)STL算法之比较
  • (BFS)hdoj2377-Bus Pass
  • (C语言)二分查找 超详细
  • (Matlab)遗传算法优化的BP神经网络实现回归预测
  • (Python第六天)文件处理
  • (Redis使用系列) Springboot 使用redis实现接口Api限流 十
  • (附源码)spring boot建达集团公司平台 毕业设计 141538
  • (附源码)springboot太原学院贫困生申请管理系统 毕业设计 101517
  • (力扣记录)1448. 统计二叉树中好节点的数目
  • (七)MySQL是如何将LRU链表的使用性能优化到极致的?
  • (四)docker:为mysql和java jar运行环境创建同一网络,容器互联
  • (四)TensorRT | 基于 GPU 端的 Python 推理
  • (一)为什么要选择C++
  • (已解决)vue+element-ui实现个人中心,仿照原神
  • (转) Face-Resources
  • (转)Android学习笔记 --- android任务栈和启动模式