Jquery、Ajax、Struts2完成定时刷新的方法_JSP编程

步骤一:导入jquery插件

复制代码 代码如下:

<script type="text/javascript" src="js/easyui/jquery-1.8.0.min.js"></script>

步骤二:在<body></body>中添加信息显示的地方

复制代码 代码如下:

<label id="context"></label>

步骤三:在页面中添加JS代码

复制代码 代码如下:

<script type="text/javascript">
    setInterval("Push()",1000*60);
    function Push() {
           $.ajax({
           type: "POST",
           url: encodeURI("crmMaintenance/crmAirpolicyAction-takeAllMonitor.action"),
           success: function(data) {
               $('#context').text(data);
           }
     });}
  </script>

步骤四:在Struts2中,进行请求处理

复制代码 代码如下:

public void takeAllMonitor() {
        try {
            HttpServletResponse response = ServletActionContext.getResponse();
            PrintWriter out;
            out = response.getWriter();
            response.setCharacterEncoding("utf-8");
            //...插入业务逻辑
                out.print("Synchronous..." );
            out.close();
        } catch (IOException e) {
            e.printStackTrace();
        }
    }

到此,就可以实现定时刷新页面的效果,但是还存在一点问题,就是out.print("")中有中文的时候,有乱码问题,如果哪位大侠知道怎么处理,还希望指点一二。

时间: 2024-10-31 18:34:13

Jquery、Ajax、Struts2完成定时刷新的方法_JSP编程的相关文章

JSP+jquery使用ajax方式调用json的实现方法_JSP编程

本文实例讲述了JSP+jquery使用ajax方式调用json的实现方法.分享给大家供大家参考,具体如下: 前台: <script type="text/javascript" src="jquery-1.5.1.min.js"></script> <script type="text/javascript"> //test function test(uid) { if(confirm("确定该用户

asp.net中利用Jquery+Ajax+Json实现无刷新分页的实例代码

 本篇文章主要是对asp.net中利用Jquery+Ajax+Json实现无刷新分页的实例代码进行了介绍,需要的朋友可以过来参考下,需要对大家有所帮助  代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="AjaxJson.aspx.cs" Inherits="AjaxJson" %> <!DOCTYPE html PUBLIC &quo

jquery+ajax+C#实现无刷新操作数据库数据的简单实例

 本篇文章主要是对jquery+ajax+C#实现无刷新操作数据库数据的简单实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 我们知道同步执行和异步执行的区别,为了更好的提高用户的体验,我们都会采用异步方式去处理一些问题,毕竟单线程的同步可能回造成卡死等现象,很不友好,所以可以使用ajax来完成用户的体验,现在我们就来说说如何使用jquery的ajax来实现无刷新的获取内容   我们只是单方面的获取内容,分页等就不考虑了,后期会讲到无刷新的分页   页面中我们放置一个Div容器用来存

我在客户端如何可以取得服务器端的最新数据(前10条),除了定时刷新的方法,还有别的方法吗?而且数据量较大,要保证速度。希望各位大侠、高手给写建议。

问题描述 我在客户端如何可以取得服务器端的最新数据(前10条),除了定时刷新的方法,还有别的方法吗?而且数据量较大,要保证速度.希望各位大侠.高手给写建议. 解决方案 解决方案二:ajax从服务器上每次只取20条即可速度上影响不大

jquery+ajax实现跨域请求的方法

 这篇文章主要介绍了jquery+ajax实现跨域请求的方法,详细介绍了前台及后台的处理方法,是非常实用的技巧,需要的朋友可以参考下     本文实例讲述了jquery+ajax实现跨域请求的方法.分享给大家供大家参考.具体实现方法如下: 说明:这里的dataType 为 "jsonp" :type 只能为 GET 前台请求代码如下: 代码如下: $.ajax({ type: "GET", url: "http://www.xxx.com/Rest/Val

jQuery Ajax方式上传文件的方法_AJAX相关

jQuery Ajax方式上传文件用到两个对象 第一个对象:FormData 第二个对象:XMLHttpRequest 目前新版的Firefox 与 Chrome 等支持HTML5的浏览器完美的支持这两个对象,但IE9尚未支持 FormData 对象,还在用IE6 ? 只能仰天长叹.... 有了这两个对象,我们可以真正的实现Ajax方式上传文件. 示例代码: <!DOCTYPE html> <html> <head> <title>Html5 Ajax 上传

jQuery+Ajax实现限制查询间隔的方法_jquery

本文实例讲述了jQuery+Ajax实现限制查询间隔的方法.分享给大家供大家参考,具体如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Jquery20150305.aspx.cs" Inherits="Jquery20150305" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

jQuery+ajax实现文章点赞功能的方法_jquery

本文实例讲述了jQuery+ajax实现文章点赞功能的方法.分享给大家供大家参考,具体如下: 前几日有童鞋问我索要本站右上角的点赞功能,麦葱左思右想,决定把这功能分享出来,希望此功能对各位会带来方便哦. 代码很简单,jQuery+php实现的. jQuery代码: jQuery(document).ready(function($) { $(".zan").click(function(e){ var $i=$(".zan i"), $b=$("<b

jquery+ajax实现跨域请求的方法_jquery

本文实例讲述了jquery+ajax实现跨域请求的方法.分享给大家供大家参考.具体实现方法如下: 说明:这里的dataType 为  "jsonp"  :type 只能为 GET 前台请求代码如下: 复制代码 代码如下: $.ajax({  type: "GET",  url: "http://www.xxx.com/Rest/ValidAccountsExists.aspx?accounts=admin",  dataType: "j