jquery如何定时 局部刷新一个div？？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jquery如何定时 局部刷新一个div？？相关的知识，希望对你有一定的参考价值。
如何定时刷新一个div？比方说我想每隔5分钟 局部刷新一下div该怎么写啊？？我是新人，希望大神们给一个简单的demo 我会把积分都给你们
定时ajax就可以了var timer = setInterval(function()
$.ajax(
type:'post',
url:'你的url',
dataType:'json',
data:
请求参数
，
success：function(data)
//此处拼接返回的json数据，直接用数组形式调用，并且赋值给你的目标div就行了
)
,5000)；//时间间隔5秒钟。
以上是简单的写法，望采纳，欢迎追问追问
请你写完调试成功直接把文件发给我吧 这种的网上一搜一大堆我就是这么写的 ，所以有问题才问的
参考技术A $(document).ready(function()setInterval("startRequest()",1000);//setInterval这个函数会根据后面定义的1000既每隔1秒执行一次前面那个函数//如果你用局部刷新，要用AJAX技术);functionstartRequest()$("#date").text((newDat追问？？？？？？？？？？？你是复制粘贴没粘贴完还是怎么了
参考技术B <div id="demo"></div>setInterval(refresh, 5 * 60 * 1000);//定时5分钟执行一次function refresh()
//更新div内容
关于HTML静态页调用数据 定时+局部刷新
index.html 内容:
<body>
<div id=date>
<span>当前价格:</span>
<span id=value1>1321</span>
<span>国际价格:</span>
<span id=value2>15.55</span>
</div>
</body>
date.txt内容:
1341
15.59
我的想法如下:
每隔10秒读取Date.txt内容
然后把TXT里的1341更新显示到INDEX.HTML的1321这个位置上 把TXT里的15.59更新显示到INDEX.HTML的15.55这个位置上
如此循环下去
要求不用PHP JSP .NET等 动态语言代码 不用IFRAME
可以用JS等脚本类语言
实现: 每10秒更新1次
不要刷新整个页面 更新之后只刷新<span id=value2> <span id=value1> 这2个标签的内容
谢谢~
请尽量写完整代码 毕竟我是菜鸟 完整代码直接采纳
因为你这里涉及两个数据
所以data.txt最好写成json的格式然后再解析
"currentPrice":"1312","internationalPrice":"12.12"
//利用ajax，这里Date.txt文件在同样的目录
var oValue1 = document.getElementById('value1');
var oValue2 = document.getElementById('value2');
setInterval(update,10000); //每隔10s
function update()
var xht = new XMLHttpRequest();
xht.open('GET','Date.txt',true);
xht.onreadystatechange = function ()
if(xht.status == 200 && xht.readyState ==4)
var str = xht.responseText;
var json1 = JSON.parse(str);
oValue1.innerHTML = json1['currentPrice'];
oValue2.innerHTML = json1['internationalPrice'];
;
xht.send();
打完收工本回答被提问者和网友采纳
以上是关于jquery如何定时 局部刷新一个div？？的主要内容，如果未能解决你的问题，请参考以下文章