使用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>
时间: 2024-10-19 05:32:54

使用JQUERY实现局部页面定时刷新的相关文章

jQuery实现类似微博定时刷新提示新消息的功能

1.引入jQuery文件 2.添加jquery.refresh.js文件,代码如下: 1 /** 2 * Created by Silver on 2015/11/27. 3 */ 4 5 (function ($) { 6 $.refreshData = function (options) { 7 var defaults = { 8 url: '/order/ajax_new_count',//提交的地址 9 contentData: {}, 10 time: 15, 11 home: f

js 页面定时刷新

html <label class="am-switch am-switch-lg"> <input type="checkbox" id="check_is_f"> <span class="am-switch-checkbox"></span> </label> 定时刷新 js //定时刷新 is_f = localStorage.getItem("is

jquery.pjax 单页面, 无刷新打开页面.

介绍: pushState+ajax=pjax 工作原理: 什么是pjax? 现在很多网站(facebook, twitter)都支持这样的一种浏览方式, 当你点击一个站内的链接的时候, 不是做页面跳转, 而是只是站内页面刷新. 这样的用户体验, 比起整个页面都闪一下来说, 好很多. 其中有一个很重要的组成部分, 这些网站的ajax刷新是支持浏览器历史的, 刷新页面的同时, 浏览器地址栏位上面的地址也是会更改, 用浏览器的回退功能也能够回退到上一个页面. 那么如果我们想要实现这样的功能, 我们如

页面定时刷新或自动跳转

采用response对象的setHeader方法,实现页面的定时跳转或定时自更新.例如: (1)response.setHeader("refresh","5");每个5s刷新一次 (2)response.setHeader("refer","10;url=http://www.souhu.com");延迟10秒,自动重定向到网页http://ww.souhu.com 注意:与(1)(2)等价的html代码如下: (3)<

定时刷新

页面定时刷新除了有js相关的定时器还有css中的 <meta http-equiv="refresh" content="20"> content="20"代表多少秒刷新页面 原文地址:https://www.cnblogs.com/lyt598/p/10773534.html

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

本篇文章通过两种方法实例讲解ajax定时刷新局部页面,当然方法有很多种,也可以不使用ajax来刷新页面,可以使用jquery中的append来给指定内容加东西, 但是都不太实用,最实用的方法还是ajax加载数据了. 方法一: 局部刷新我们讲述到最多的是ajax 了,当然也可以不使用ajax来刷新页面了,我们可以使用jquery中的append来给指定内容加东西了,当然最实用的还是ajax加载数据了. 例子,定时局部刷新 定时局部刷新用到jQuery里面的setInterval方法,setInte

jQuery实现局部刷新页面数据绑定

今天遇到了一个问题:怎么样才能做到只刷新页面中的Repeater控件中的数据,在不用UploadPannel的情况下? 试了好多方法,无意间在看jquery文件时发现,使用load()方法即可解决此问题. 代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head id="Head1" runat="server"> <title>当前页(WebForm1.a

如何让网页局部定时刷新?

如何逻辑整理? 1. 需要用到js的定时刷新函数  setInterval(function,time) 2. 只需要对网页中局部的标签进行刷新 函数中function为自定义函数,time是多久执行自定义函数,单位是毫秒 3. 可以通过定义自定义函数进行局部刷新,需要导入jquery 代码演示,如何? setInterval(function() { $("#history").load(location.href+" #history>*","&

利用jquery load 局部刷新数据

本文属于新手型的文章,也是新手写的文章,高手可以滤过,如果各位看了有什么意见,尽管提,小鸟虚心接受............. 都来拍砖吧. 在asp.net 的ajax中有updatepanel,但我不想用这个,就想到了jquery,看能否实现相同的功能,于是去搜索相关文章,但是也有人问,却没有给出完整的demo,但是jquery中有load方法可以实现 问题:在某篇文章的详细页,[ http://www.e6wa.com/Article/107.aspx ]提交评论的时候,不希望刷新整个页面,