`
pangxin12345
  • 浏览: 186752 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

action跳iframe 超防Ajax

    博客分类:
  • java
阅读更多

说一下思路:
在页面中定义一个<iframe name=iframename style=display:none>这样的标签,然后将表单的target=iframename action中随便写,在mapping中找到地址。这样就能打到不刷新页面,视觉看上去有点Ajax效果。

    实现:
   JSP:
<iframe name="ok.jsp" style="display:none"></iframe>
    <html:form action="/index" target="ok.jsp">
        <html:submit></html:submit>
    </html:form>

Action:
        request.setAttribute("alert", 1);//设置弹出对话框的内容
        request.setAttribute("url", "index.do");//跳转URL
        request.setAttribute("runURIStatus", 1);//是否跳转状态
        return mapping.findForward("go_ok.jsp");

Action配置文件:
    <action
      attribute="indexForm"
      name="indexForm"
      path="/index"
      scope="request"
      type="com.yourcompany.struts.action.IndexAction" >
        <forward name="go_ok.jsp" path="/ok.jsp"></forward>
    </action>

ok.jsp:
<%@ page language="java" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<html>
  <head>
  </head>
  <body>
  
    <c:if test="${runURIStatus==1}">
    <script type="text/javascript">
        alert(${alert});
        window.location.href='${url}';
    </script>
    </c:if>
    <c:if test="${runURIStatus==0}">
    <script type="text/javascript">
        alert(${alert});
    </script>
    </c:if>
    <c:if test="${runURIStatus==null}">
    <script type="text/javascript">
        alert(${alert});
    </script>
    </c:if>
  </body>
</html>

呵呵!  真有点这样的效果。大家不妨实验一下! 挺有意思的!
分享到:
评论

相关推荐

    iframe式ajax调用示例

    iframe式ajax调用&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;form action=’b.php’ method=’post’ name=” id=” target=’formTarget’&gt; &lt;input type=’text’ name=’username’ id=” placeholder=...

    iframe式ajax调用示例代码

    iframe式ajax调用&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;form action=’b.php’ method=’post’ name=” id=” target=’formTarget’&gt; &lt;input type=’text’ name=’username’ id=” placeholder=...

    基于iframe实现类似于ajax的页面无刷新

    本方法是基于iframe实现的,需求是form表单提交带有文件上传的input标签,因此不能使用ajax来提交 首先: 代码如下: &lt;form id=”form0″ action=”${pageContext.request.contextPath}/news/baikeAdd.form” ...

    Ajax方式提交带文件上传的表单及隐藏iframe应用

    基本原理就是在页面增加一个隐藏iframe,然后通过ajax提交除文件之外的表单数据,在表单数据提交成功之后的回调函数中,通过form单独提交文件,而这个提交文件的form的target就指向前述隐藏的iframe。 html 代码 ...

    Ajax in action 英文版配书源码.rar

    Dear 'Ajax in Action' Readers, &lt;br&gt;This zip file gathers together the source code for the examples in the 'Ajax in Action' book. Code is organized by chapter, and, within each chapter, subfolders ...

    原生ajax和iframe框架实现图片文件上传的两种方式

    大家应该可以举出几种常用的异步文件上传功能的实现方式,使用频率较多的有原生ajax和iframe框架,实现图片文件上传,下面就为大家分享图片文件上传的两种方式:原生ajax和iframe框架,供大家参考,具体内容如下 ...

    jquery ajax表单提交

    表单进行无刷新提交,ajax技术 if (!this.length) { log('ajaxSubmit: skipping submit process - no element selected'); return this; } var method, action, url, $form = this; if (typeof options == ...

    不用ajax也可以达到不刷新页面

    &lt;form action="submit.html" method="post" target="myframe"&gt; 请输入用户名和密码: &lt;!-- 用户名的输入框 --&gt; 用户名: &lt;!-- 密码的输入框 --&gt; 密码: &lt;!-- 登录按钮...

    php+iframe实现隐藏无刷新上传文件

    首先ajax不能上传文件,这误导了我有段时间,今晚睡不着就照着说明做了个无刷新上传文件 其实原理很简单 复制代码 代码如下: &lt;form enctype=”multipart/form-data” method=”POST” target=”upload” action=...

    有关文件上传 非ajax提交 得到后台数据问题

    form name=configForm id=configForm method=post action= &gt;  .......... &lt;/form&gt; 根据id获得表单数据然后发送ajax请求,获得后台返回数据,处理数据,完美。 但是如果需要上传文件,  请选择文件:  ...

    PHP+iFrame实现页面无需刷新的异步文件上传

    说到iframe,现在用它的人是越来越少了,并且很多人都相信它应该被AJAX所取代,的确如此,因为AJAX太出色了。 不过有一种情况的实现我还是选择了iframe,这就是本文要说的文件的异步上传,感兴趣的可以试试,如果用...

    php+ajax 文件上传代码实例

    form action={pboot:form fcode=8} method=post id=t enctype=multipart/form-data&gt; &lt;input type=file name='tables_a' id=tables onchange=abs()&gt; &lt;input type=hidden name='tables' id='tables_2'&gt;...

    使用jQuery ajaxupload插件实现无刷新上传文件

    项目中会经常用到AJAX无刷新上传图片,但是iframe上传和flash插件都是比较复杂的,所以就找了一个jquery的插件。 代码如下 使用方法如下 [removed] $(function () { var button = $('#upload'); new AjaxUpload...

    jQuery Ajax文件上传(php)

    如何实现jQuery的Ajax文件上传,PHP如实文件上传.AJAX上传文件,PHP上传文件。 【PHP文件上传】 在开始之前,我觉得是有必要把通WEB上传文件的原理简单说一下的。实际上,在这里不管是PHP,JSP,还是ASP处理上传的...

    不使用ajax实现无刷新提交表单

    form id=”frm” method=”post” action=”@Url.Content(“~/Backstage/MachineMng/RoadSet/SaveTrackRoad”)?roadId=@ViewBag.roadId” target=”frm”&gt;  这里是表单内容 &lt;/form&gt; JS代码: 若保存成功...

    JavaScript实现图片伪异步上传过程解析

    首先要知道, ajax无法发送带有文件的post请求所以,所以还是要用同步的方式,但是刷新的时候,我们不要在原来的页面刷新,去一个隐藏的iframe里面刷新,form表单中action正常填写处理文件上传的操作。紧着着的...

    谈谈基于iframe、FormData、FileReader三种无刷新上传文件的方法

    发请求有两种方式,一种是用ajax,另一种是用form提交,默认的form提交如果不做处理的话,会使页面重定向。以一个简单的demo做说明:  html如下所示,请求的路径action为”upload”,其它的不做任何处理: &...

    easyui导出excel无法弹出下载框的快速解决方法

    之前用ajax做的,代码如下(ActionUrl为一般处理程序ashx的路径): $.ajax({ url: ActionUrl + '?action=export&ID=' + $('#fm_ID').val(), dataType: 'json', success: function (jsonstr) { //top.art....

    yii框架表单模型使用及以数组形式提交表单数据示例

    创建表单对应的模型类,设置字段验证规则创建表单提交对应的action,处理提交的内容在视图中创建表单form在刚刚的一个小项目里,想使用ajax提交表单信息并验证保存,又不想用隐藏iframe来做无刷新提交,并且action中...

    JSP父页面传参数到子页面及接收示例

    1、父页面传参数到子页面 代码如下: //JavaScript代码 $.ajax({ type:”POST”, uri:”../student/studentInfo.action”, data:{ “date”:date, “stuNo”:stuNo }, success:function(data){ var params = “?...

Global site tag (gtag.js) - Google Analytics