Ajax定时获取数据

有时候在写网页时需要保证数据每隔一段时间进行更新，但又不能让整个页面刷新，所以可以定时的调用ajax帮我们完成数据的更新。

效果图

jsp页面代码：

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Ajax Test</title>
<script src="js/jquery-3.3.1.js"></script>
<script src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript">var getting = {url : "${pageContext.request.contextPath}/Test1", //后台查询验证的方法dataTpye : "json",data : {}, type : "post",success : function(msg) {$("#info").append(msg+'</br>');},error:function(){  //请求失败的回调方法alert("请求失败，请重试");}};window.setInterval(function(){$.ajax(getting)},3000);   //每三秒调用一次ajax
</script>
</head>
<body><div id="info"></div></body>
</html>

servlet中返回的是一个字符串和当前时间的拼接

package cn.ch.action;import java.io.IOException;
import java.text.SimpleDateFormat;
import java.util.Date;import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;/*** Servlet implementation class Test1*/
public class Test1 extends HttpServlet {private static final long serialVersionUID = 1L;/*** @see HttpServlet#HttpServlet()*/public Test1() {super();// TODO Auto-generated constructor stub}/*** @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)*/protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {// TODO Auto-generated method stubSimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");response.getWriter().print("this is a test massage"+df.format(new Date()));}/*** @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)*/protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {// TODO Auto-generated method stubdoGet(request, response);}}

Ajax定时获取数据相关推荐

Echarts3通过ajax动态获取数据，30秒定时图表数据,设置图表线条颜色和粗细
Echarts3通过ajax动态获取数据,30秒定时图表数据,设置图表线条颜色和粗细代码块 <!DOCTYPE html> <head><meta charset=&q ...
ajax异步获取数据后动态向表格中添加数据的页面
因为某些原因,项目中突然需要做自己做个ajax异步获取数据后动态向表格中添加数据的页面,网上找了半天都没有看到现成的,决定自己写个例子 1.HTML页面 [html] view plaincopyp ...
ajax异步获取数据后动态向表格中添加数据(行)
因为某些原因,项目中突然需要做自己做个ajax异步获取数据后动态向表格中添加数据的页面,网上找了半天都没有看到现成的,决定自己写个例子 1.HTML页面 [html] view plaincopyp ...
js源码模仿 jquery的ajax的获取数据（get，post ）的请求封装
function ajax(obj){ // 默认参数 var defaults = { type : 'get',data : {}, url : '#', dataType : 'text', a ...
Java获取ajax数据_使用Ajax简单获取数据
使用注解@ResponseBody //将方法返回值直接响应给客户端(使用Fastjson) 注意在SpringMvc配置文件中配置Fastjson消息转换器举例: 前端页面中使用Ajax获取数据并 ...
简单的低频指数投资二：每天定时获取数据
apscheduler是一个python定时任务框架,我们可以利用它来完成一个每天自动获取数据并且发出交易指令的系统. from apscheduler.schedulers.blocking imp ...
ajax动态加载公共模块,Maven多模块项目搭建+SSM框架整合（四、Ajax异步获取数据，jq动态添加）...
最近有点小忙,但是还是在晚上抽出来点时间更新文章,希望对初学者有帮助(都是从那时候过来的,哈哈)一起努力. 开始正题~~~~ 封装类ResultVo 在与前台页面交互的过程中我们一般会用到一个封装类, ...
c ajax定时获取,ajax的定时调用每5秒调用一次
这篇文章主要介绍了关于ajax的定时调用,本例为每5秒调用一次,大家可以根据自己的需求更改代码如下: function initXMLRequest(){ if (window.ActiveXObj ...
Ajax的获取数据的简单方法
SSM中Ajax的使用(若使用了ajax就可以不用表单) 用Ajax获取input中的value值(写在script标签中) function edit(id){var num = document. ...

Ajax定时获取数据

Ajax定时获取数据相关推荐

最新文章

热门文章