js页面定时执行ajax

最新推荐文章于 2023-06-20 15:55:37 发布

大帅逼晨哥

最新推荐文章于 2023-06-20 15:55:37 发布

阅读量2.4k

点赞数 2

分类专栏：前端

本文链接：https://blog.csdn.net/weixin_38841970/article/details/108257851

版权

前端专栏收录该内容

3 篇文章 0 订阅

订阅专栏

定时

setInterval() ：按照指定的周期（以毫秒计）来调用函数或计算表达式。方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。
setTimeout() ：在指定的毫秒数后调用函数或计算表达式。

公式为

setInterval(code,millisec,lang)

参数	描述
code	必需。要调用的函数或要执行的代码串
millisec	必须。周期性执行或调用 code 之间的时间间隔，以毫秒计。
lang	可选。 JScript 、 VBScript 、 JavaScript

代码示例

官网上
<html>
<body>

<input type="text" id="clock" />
<script type="text/javascript">
var int=self.setInterval("clock()",1000);
function clock()
{
	var d=new Date();
	var t=d.toLocaleTimeString();
	document.getElementById("clock").value=t;
}
</script>

<button onclick="int=window.clearInterval(int)">停止</button>

</body>
</html>

Ajax

Ajax的标准写法（不是最全的，很多不需要）

$.ajax({
    url:"http://www.microsoft.com",    //请求的url地址
    dataType:"json",   //返回格式为json
   // contentType:"application/json;charset=UTF-8",//提交表单时要用的
    async:true,//请求是否异步，默认为异步，这也是ajax重要特性
    data:{"id":"value"},    //参数值
    type:"GET",   //请求方式
    beforeSend:function(){
        //请求前的处理
    },
    success:function(req){
        //请求成功时处理
    },
    complete:function(){
        //请求完成的处理
    },
    error:function(){
        //请求出错处理
    }
});

定时调用ajax

var contextPath = "<%=contextPath%>";
			var url = "http://localhost:8089/xxxx/xxx/xxx.do?action=Jsondata";
			setInterval(function (){
			$.ajax({
				url:url,
				type:"post",
				success:function(result){
				//返回数据循环取出拼接页面表单展示
				var x='';
				$("#project").html("");
				  $.each(result, function (n, value) {
				   var trs = "";
				   trs += "<tr><td align='center' class='TableLine1'>" + value.pt_id + "</td> <td align='center' class='TableLine1'>" + value.lx+"</td> <td align='center' class='TableLine1'>"+
				   value.curr_value + "</td> <td align='center' class='TableLine1'>"+value.unit+"</td> <td align='center' class='TableLine1'>"+value.time +"</td> <td align='center' class='TableLine1'>"+value.bjzt+"</td> </tr>";
				   x += trs;
				  });
				  $("#project").append(x);
				}
			});
			},1000);

大帅逼晨哥

关注

2
点赞
踩
10

收藏

觉得还不错? 一键收藏
0
评论
js页面定时执行ajax

定时setInterval() ：按照指定的周期（以毫秒计）来调用函数或计算表达式。方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。setTimeout() ：在指定的毫秒数后调用函数或计算表达式。公式为setInterval(code,millisec,lang)参数描述code必需。要调用的函数或要执行的代码串millisec必须。周期性执行或调用 code 之间的时间间隔，以毫秒计。lang可选。 JScript 、
复制链接

扫一扫

专栏目录