解决jquery异步按一定的时间间隔刷新问题

我想将一个网页上的图片按一定的时间间隔刷新,不改变图片的名称,我在服务器端改变图片的内容,这样前端可不可以实现动态的效果呢?浏览器会不会有缓存呢?
比如我要将下边这个图片异步刷新,应该怎么做呢?


代码如下:

<img id=”image” width=640 height=480 src= />

解决方法是加时间戳防止缓存,如下:


代码如下:

<img id=”image” width=640 height=480 src='xxx.jpg' />

JScript code:


代码如下:

setInterval(function(){document.getElementById(‘image').src='xxx.jpg?_dc='+new Date().getTime()},5000);//5s更新一次

(0)

相关推荐

  • 解决jquery异步按一定的时间间隔刷新问题

    我想将一个网页上的图片按一定的时间间隔刷新,不改变图片的名称,我在服务器端改变图片的内容,这样前端可不可以实现动态的效果呢?浏览器会不会有缓存呢? 比如我要将下边这个图片异步刷新,应该怎么做呢? 复制代码 代码如下: <img id="image" width=640 height=480 src= /> 解决方法是加时间戳防止缓存,如下: 复制代码 代码如下: <img id="image" width=640 height=480 src='x

  • 如何解决jQuery EasyUI 已打开Tab重新加载问题

    先给大家说下我的需求,如下: 点击左侧已经打开的tab可以刷新重新加载datagrid. 也就是说解决easyui 左侧tab重新刷新加载问题实现. 实现如下: function addTab(subtitle, url) { if (!$('#tabs').tabs('exists', subtitle)) { $('#tabs').tabs('add', { title : subtitle, content :<span style="font-family: Arial, Helv

  • 解决jquery appaend元素中id绑定事件失效的问题

    1. 在jquery中append元素,如果该元素中有id值并且绑定事件,那么该id事件会失效,必须刷新一下才能使用. 2.解决办法: 举例:如果在一个<div class="title"></div>中,通过append添加一个id="demo"的按钮,常用的直接$("Selector").on("eventType",function(){})监听事件函数不起作用,例如该按钮的点击监听事件应该这样写

  • 如何解决JQuery ajaxSubmit提交中文乱码

    一般人使用是 jQuery(form).ajaxSubmit({ url: "ajaxsub.aspx?abc=test", type: "post", dataType: "json", success: data }); 分析:JQuery的AJAX提交,会将要提交的数据进行编码,使用encodeURIComponent在js中处理数据.因此,无论是 Firefox或者IE,提交的数据都是一致的,都是UTF-8编码后的数据. 查看Header

  • 浅谈jQuery异步对象(XMLHttpRequest)

    我们先来看看异步对象五部曲 这是post请求的. 复制代码 代码如下: //1.00创建异步对象             var xhr = new XMLHttpRequest();             //2.0             xhr.open("post", url,params, true);             //3.0将参数使用Formdata属性传递             xhr.setRequestHeader("Content-Type

  • MVC Ajax Helper或Jquery异步加载部分视图

    废话不多说了,直接给大家贴代码了. Model: namespace MvcApplication1.Models { public class Team { public string Preletter { get; set; } public string Name { get; set; } } } 通过jQuery异步加载部分视图 Home/Index.cshtml视图中: @{ ViewBag.Title = "Index"; Layout = "~/Views/

  • 详解闭包解决jQuery中AJAX的外部变量问题

    详解闭包解决jQuery中AJAX的外部变量问题 在AJAX中,我们经常都要使用外部变量,经常会多次使用,如下代码 function getCarInfo(){ for(var i=0;i<4;i++){ var carId = $("#carList0"+i+" #carId").val(); var request = { city: city, carId: carId }; $.ajax({ url:"enquiry", type:

  • 利用jQuery异步上传文件的插件用法详解

    现在想实现用ajax来上传文件的功能,但是却发现Jquery自带的ajax方法只能上传文件名,而不能上传文件:用form提交虽然能够上传文件,但是却要刷新页面...多方查找下找到了一个可用的jQuery插件,刚好可以满足异步上传文件的要求. 代码 jquery.form.js 用法 这个插件是基于表单提交的,我们只要正常的写一段提交文件的表单,如: <form id="myForm" action="comment.php" method="post

  • 解决JQuery的ajax函数执行失败alert函数弹框一闪而过问题

    先查看<form>标签是否有action属性,如果没有,并且最后<button>标签的type属性为'submit'时,默认提交位置就是当前页面 如果在页面右键检查,点击网络,会在开头发现这样的post包: 在右侧消息头处可见,请求网址为当前网址,并且响应头部类型为html 所以只要把form表单里最后提交按钮的type="submit"换为type="button",把按钮变成原生按钮, 就可以正确使用ajax方法传递数据,原因就是form

  • JQuery异步post上传表单数据标准化模板

    HTML代码: <form id="form"  enctype="multipart/form-data" method="post" >     <input type="file" name="file1" id="file" accept="application/vnd.openxmlformats-officedocument.spreadshee

随机推荐