使用ajax与iframe嵌套实现页面局部刷新。该javascript代码仅供参考，需按自己需要修改。
​1. [代码]javascript代码

function cj_start(depname,groupid){
    var urls = "<%=path%>/userGather.action";
    var status = "";
    var html_1 = "<iframe frameborder=\"0\" scrolling=\"no\" width=\"600\" height=\"60\" src=\"<%=basePath%>cj_status.jsp\" style=\"margin-top:3px;vertical-align: middle;\"></iframe>";
    $("#cj_status_html").html(html_1);
    var html_2 = "";
    var cj_butoon = "";
    $.ajax({
        url : urls,
        type:"post",
        dataType:"json",
        data:{depname:depname,groupid:groupid},
        success : function(data){
            if(data.cjstatus.length != 0){
                if(data.cjstatus[0] == "0"){
                    cj_button = "<input type=\"button\" value=\"采集通道\" disabled=\"disabled\"/>";
                    $("#cj_button_html").html(cj_button);
                }
                for(var i = 1; i < data.cjstatus.length; i++){
                    html_2 += data.cjstatus[i] + " ";
                }
                $("#cj_status_html").html(html_2);
            }else{
                html_2 = "采集系统出错，请联系开发人员!";
                $("#cj_status_html").html(html_2);
            }
        }
    });
}
2. [代码]jsp的部分代码

<tr>
    <td id="cj_button_html">
        <input type="button" name="caiji" value="采集通道" onclick="cj_start('<%=depname %>','<%=groupid %>');"/>
    </td>
</tr>
<tr>
    <td  id="cj_status_html">
         
    </td>
</tr>
3. [代码]cj_status.jsp的代码 
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%http://www.bizhizu.cn/manhua/​
String path = request.getContextPath();漫画图片
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
  </head>
   
  <body>
<div>
<img src="<%=basePath %>images/loading_16x16.gif" /> <span>正在采集数据，请稍后...</span>
</div>
 
<script language="JavaScript"> 
function myrefresh() 
{ 
       window.location.reload(); 
} 
setTimeout('myrefresh()',1000); //指定1秒刷新一次 
</script>
  </body>
</html>
​

使用ajax与iframe嵌套实现页面局部刷新的更多相关文章

  1. spring mvc + ajax上传文件，页面局部刷新

    1.点击上传按钮进行如下操作,通过表单名称以及input名称获取相应的值,对于上传的文件,使用.files来获取, 因为包含文件的上传,所以采用FormData的形式来进行数据交互,通过append将 ...

  2. pushState()、popstate事件配合ajax实现浏览器前进后退页面局部刷新

    最近研究pushState,看了网上的文章还是不怎么会用,于是自己摸索着理解使用,终于实现局部刷新同时前进后退. 首先说说pushState(),这个函数将当前的url等信息加入history堆栈中: ...

  3. 页面中iframe中嵌入一个跨域的页面，让这个页面按照嵌入的页面宽高大小显示的方式；iframe嵌套的页面不可以编辑的问题解决方案

    <html> <head> <style> body { margin-left: 0px; margin-top: 0px; margin-right: 0px; ...

  4. iframe嵌套vue页面打开新窗口

    iframe嵌套vue页面时目录结构为下图: 此时出口文件指向index.html, 所以只需要用a标签动态拼接href, 并设置属性 target="_blank" ,即可在if ...

  5. 移动端web页面列表类上拉加载，查看详情，iframe嵌套第三方页面遇到的问题以及解决办法

    1.移动端上拉加载 网上有很多成熟的插件,比如iscroll.在这里介绍一下用jquery和js写的上拉加载方法.使用原生的去写上拉加载更多需要三个高度去做对比,以新闻类列表举例,首先需要整个dom的 ...

  6. iframe嵌套的页面之间传值问题

    项目中很多时候会遇到需要用 iframe 嵌套页面的情况.有时候会有这样的需求: iframe 嵌套的页面 A ,点击之后要跳到页面 B ,但是同时还需要 A 页面中的某个属性值. 此时可以先把 A ...

  7. 浅析PHP页面局部刷新功能的实现小结(转)

    转载地址 https://www.jb51.net/article/38901.htm 方法其实挺多的.以前比较常用的是iframe这样来做.现在多了个ajax,所以一般情况下都是用的ajax.第一种 ...

  8. jquery实现页面局部刷新

    后台管理中总是使用frameset进行分成部分进行管理,但是感觉很不好用,尤其是页面间调转还要判断window.parent,太令我费神了,于是学习使用XMLHttpRequest进行页面局部刷新.代 ...

  9. ASP.Net用jQuery ajax实现页面局部刷新

    刚开始的时候使用asp的updatepanel控件实现局部刷新,而且在本地运行正确,但是部署到服务器上就变成整个页面全部刷新了.服务器用的是Windows server2000,本地机子上用的是win ...

随机推荐

  1. 好员工去哪儿了：高端IT白领荒胜过春节保姆荒

    来自:http://tech.163.com/14/0312/07/9N4BLV8S000915BD.html 于是,你看到的就是这样一幕悖论:一群手握大把工作机会的雇主,在面对一群眼巴巴等待工作机会 ...

  2. HTML5 2D平台游戏开发#8指令技

    一般在动作游戏中,玩家可以通过对输入设备输入一系列的指令让角色完成某个或多个特定的动作.以格斗游戏<拳皇>为例,键入↓↘→↘↓↙← + A or C可以触发IORI的必杀技八稚女: 通过一 ...

  3. 你不知道的Google Search

    0.导读 这篇文章讲了这三个事儿: 如何訪问Google?----------什么?不是直接输入地址么? Google的地址是什么? ------ 你在逗我?难道不是www.google.com? G ...

  4. Android Studio gradle 文件中 ${supportLibVersion} 用法

    一般我们在项目中的gradle会添加如下库文件 dependencies { compile 'com.android.support:appcompat-v7:23.1.0' compile 'co ...

  5. 安装Struts2 类库

    现在,如果一切正常,那么你可以继续设置您的Struts 2框架.以下是简单的步骤,下载并安装在机器上Struts2. 请选择是否要安装Hibernate在Windows或Unix,然后继续进行下一个步 ...

  6. IOS下移除按钮默认美化样式

    今天在做项目中发现 ios会自己美化按钮的样式  美化的一般都是加一个圆角 也就是常说的border-radius 属性    今天在弄一个input标签的时候加了一个border-bottom属性  ...

  7. 首页底部菜单FragmentTabHost的使用

    一般现在的菜单都是底部FragmentTabHost,切换Fragment来实现的,今天我们就使用这个来看看如何实现的 首先是布局文件 <?xml version="1.0" ...

  8. gulp安装教程

    1.安装nodejs并选装cnpm: npm install cnpm -g --registry=https://registry.npm.taobao.org 2.全局安装gulp: cnpm i ...

  9. 【CodeM初赛B轮】A 贪心

    [CodeM初赛B轮]A 题目大意:给你一棵树,起初所有点都是白色的,你每次都能选择一个白点i,将这个点i到根路径上的所有到i的距离<k[i]的点都染成黑色(根和i也算,已经被染成黑色的点还是黑 ...

  10. javax.servlet.ServletException: Could not resolve view with name‘ XXXX’in servlet with name 'spring'的解决方案-----SKY

    出现的异常如下: javax.servlet.ServletException: Could not resolve view with name '{"msg":"成功 ...