使用JQUERY实现局部页面定时刷新

简介:

没办法,运维会一点点前端,还是有好处的。。

说不定,BOOTSTRAP也得会一点点。。

本想用流式输出的搞定的,但没搞定,就取巧了。。。

代理简单:

复制代码
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/js/bootstrap.min.js"></script>

<script>
$(document).ready(function(){
    setInterval(function() {
    $("#div1").load("/import_html");
}, 5000);
});
</script>
复制代码

后面效果:

有兴趣的,可以加个按钮触发,类似如下:

复制代码
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("#div1").load("/try/ajax/demo_test.txt");
  });
});
</script>
</head>
<body>

<div id="div1"><h2>使用 jQuery AJAX 修改文本内容</h2></div>
<button>获取外部内容</button>
复制代码
目录
相关文章
|
5月前
|
JavaScript 前端开发
jQuery实现从一个页面跳转到另一个页面的指定tab选项卡
jQuery实现从一个页面跳转到另一个页面的指定tab选项卡
50 0
|
5月前
|
JavaScript
jQuery实现动态添加和删除(点击按钮添加在页面添加和删除元素)
jQuery实现动态添加和删除(点击按钮添加在页面添加和删除元素)
50 0
|
6月前
|
JavaScript
Jquery插件知识之Jquery.cookie实现页面传值
Jquery插件知识之Jquery.cookie实现页面传值
36 0
|
7月前
|
JSON JavaScript 数据格式
jQuery操作页面元素属性和内容
jQuery操作页面元素属性和内容
39 0
|
6月前
|
缓存 前端开发 JavaScript
【前端用法】jquery获取当前页面的URL信息
【前端用法】jquery获取当前页面的URL信息
52 0
|
4月前
|
JavaScript 前端开发 Python
五分钟学 | Flask 使用 JQuery 上传数据并展示在页面上
五分钟学 | Flask 使用 JQuery 上传数据并展示在页面上
|
5月前
|
移动开发 JSON JavaScript
七个帮助你处理Web页面层布局的jQuery插件
七个帮助你处理Web页面层布局的jQuery插件
44 0
|
7月前
|
JavaScript 前端开发
jQuery 页面顶部滚动中固定导航栏
jQuery 页面顶部滚动中固定导航栏
24 0
|
JavaScript 前端开发 容器
JQuery javascript实现父子页面相互调用
JQuery javascript实现父子页面相互调用
79 0
|
JavaScript
jquery的懒加载是如何判断当前页面在视野范围内的?底层原理是什么?
jquery的懒加载是如何判断当前页面在视野范围内的?底层原理是什么?
118 0