`
cqh520llr
  • 浏览: 527501 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
文章分类
社区版块
存档分类
最新评论

ajax验证+iframe提交

 
阅读更多
<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<script type="text/javascript">
	var xmlhttp;
	function createXmlHttpReq() {
		if (window.ActiveXObject) {
			xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
		} else if (window.XMLHttpRequest) {
			xmlhttp = new XMLHttpRequest();
		}
	}
	function createAcct() {
		createXmlHttpReq();
		xmlhttp.open("GET",'<c:url value="/fundAcct.do"/>',false);
		xmlhttp.onreadyStateChange = handleRes;
		xmlhttp.send(null);
	}
	function handleRes() {
		if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
			var div = document.createElement("div");
			div.style.width=document.documentElement.offsetWidth-22;
			div.style.height=document.documentElement.offsetHeight-22;
			div.style.position="absolute";
			div.style.top="0";
			div.style.left="0";
			div.style.background="#D4D4D4";
			div.style.filter = "alpha(opacity=80)";
			document.body.appendChild(div);
			document.getElementById("result").innerHTML = xmlhttp.responseText;
		}
	}
</script>
</head>
<body bgcolor="#EBEEF7">
<c:if test="${empty RES}">
	<c:if test="${not empty ERR}">
		<div><font style="font-weight: bold;" color="red"><c:out value="${ERR}"/></font></div>
	</c:if>
	<form id="myForm" action="<c:url value="/fundAcct.do"/>" method="post" target="targetFrame">
		编号:<input type="text" tabindex="0" name="fundNo" value="<c:out value="${fundAcctDTO.fundNo }"/>"/><br/>
		名称:<input type="text" tabindex="1" name="fundName" value="<c:out value="${fundAcctDTO.fundName }"/>"/><br/>
		<input type="submit" value="提交" id="sub">
	</form>
	<hr/><br/>
	<iframe name="targetFrame" src="/blank.screen" frameborder="0"></iframe>
	<script type="text/javascript">
		parent.document.all.targetFrame.style.height=document.documentElement.scrollHeight;
		parent.document.all.targetFrame.style.width=document.documentElement.scrollWidth;
	</script>
</c:if>
<c:if test="${not empty RES}">
	<table>
		<tr><td>结果</td></tr>
		<c:if test="${empty account}">
			<tr><td>无结果</td></tr>
		</c:if>
		<c:if test="${not empty account}">
			<c:forEach items="${account}" var="acc">
				<tr><td><c:out value="${acc}"/></td></tr>
			</c:forEach>
		</c:if>
	</table>	
</c:if>
</body>
</html>



import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.apache.commons.lang.StringUtils;
import org.apache.commons.logging.Log;
import org.apache.commons.logging.LogFactory;

import com.paic.pafa.app.lwc.service.databinding.BindException;
import com.paic.pafa.app.web.servlet.ModelAndView;
import com.paic.pafa.app.web.servlet.mvc.SimpleFormController;
import com.pingan.nts.extrading.invest.dto.FundAcctDTO;

public class FundAcctController extends SimpleFormController {

	private static final Log LOG = LogFactory.getLog(FundAcctController.class);

	@Override
	protected ModelAndView onSubmit(HttpServletRequest request,
			HttpServletResponse response, Object command, BindException errors)
			throws Exception {
		response.setContentType("text/html; charset=utf-8");
		LOG.info("ENTER.....");
		FundAcctDTO fundAcctDTO = (FundAcctDTO)command;
		Map<String, Object> model = new HashMap<String, Object>();
		if (StringUtils.isEmpty(fundAcctDTO.getFundNo())) {
			model.put("ERR", "账号编码不能为空!");
			return new ModelAndView(getFormView(), model);
		}
		model.put("RES", "RES");
		if (StringUtils.isEmpty(fundAcctDTO.getFundName())) {
			List<String> account = new ArrayList<String>();
			account.add("校长");account.add("老师");account.add("同学");
			model.put("account", account);
		}
		return new ModelAndView(getSuccessView(), model);
	}

}
分享到:
评论

相关推荐

    php+iframe 无刷新上传

    IFrame作为目标表单提交点,可以让表单提交在背景中进行,不更新整个页面。创建一个隐藏的iframe,将表单的`action`属性指向PHP处理文件上传的脚本,这样在用户点击提交后,文件上传过程将在iframe中完成,主页面...

    iframe图片上传+用户本地加载图片+jquery表达验证+视频解析demo

    标题中的“iframe图片上传+用户本地加载图片+jquery表达验证+视频解析demo”涉及了四个主要的Web开发技术点,接下来我们将逐一详细讲解。 1. **Iframe图片上传**: 在Web应用中,iframe常用于创建一个独立的浏览...

    sencha的ajax+formpanel+google地图

    在“sencha的ajax+formpanel+google地图”这个主题中,我们将深入探讨如何使用Sencha Touch与Ajax、FormPanel以及Google Maps API集成,来创建一个具有数据提交和地图展示功能的应用。 首先,`app.html`是应用的...

    ajax iframe jsp 无刷新上传文件.zip

    总结,"ajax iframe jsp 无刷新上传文件.zip"包含的知识点涵盖了Ajax与Iframe结合的文件上传技术,JSP服务器端处理,JavaScript字符串操作,Struts2的验证和链接标签,以及Spring入门和JSP请求Action的方法。...

    使用隐藏的Iframe实现ajax无刷新上传

    使用隐藏的Iframe实现Ajax无刷新上传的基本思路是:创建一个隐藏的Iframe作为文件上传的目标,当用户选择文件并提交表单后,表单数据会通过POST方式发送到服务器端处理文件上传操作。由于Iframe的存在,上传过程不会...

    form+iframe解决跨域上传文件的方法

    总的来说,`form+iframe`解决跨域上传文件是一种传统而实用的技巧,尤其适用于不支持AJAX或CORS的老版本浏览器。但随着技术的发展,现代浏览器提供的CORS、Fetch API等机制已经成为更安全、更灵活的选择,建议在条件...

    基于ASP的AJAX 无刷新评论提交实现代码.zip

    在本案例中,"基于ASP的AJAX无刷新评论提交实现代码"是一个使用ASP技术结合AJAX(Asynchronous JavaScript and XML)来实现的网页功能,它允许用户在不刷新整个页面的情况下发送和显示评论,提升了用户体验。...

    AJAX验证用户名是否被用

    - 通过 `&lt;iframe&gt;` 刷新验证码图片。 - 通过改变 `&lt;img&gt;` 标签的 `src` 属性来刷新验证码图片。 **代码解析:** ```javascript function changeVerifyCode() { t = new Date().getTime(); document.msgForm....

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

    在这个例子中,我们设置为`&lt;iframe&gt;`的`name`属性值,即"upload",这样提交的数据就会在隐藏的iframe中处理,而不是刷新整个页面。 HTML代码示例如下: ```html &lt;iframe name="upload" style="display:none...

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

    - **用户体验**:尽管使用iframe可以实现无需刷新页面的异步上传,但在现代Web应用中,使用AJAX和FormData对象是更加流行且高效的方法。 - **兼容性**:检查目标浏览器对于iframe以及JavaScript的支持情况,确保功能...

    Ajax表单提交插件jquery form

    **Ajax表单提交插件jQuery Form** 在Web开发中,jQuery Form插件是一个非常实用的工具,它使得使用Ajax技术提交HTML表单变得简单而直观。这个插件扩展了jQuery库,提供了强大的功能,允许开发者无刷新地更新页面...

    java web ajax异步提交方式上传文件

    Java Web中的Ajax异步提交方式上传文件是一种常见且高效的用户交互技术,它允许用户在不刷新整个页面的情况下发送数据到服务器并接收响应。本项目利用Maven构建,前端使用jQuery库以及jQuery-form插件,后端则采用...

    AJAX PHP图片上载

    在AJAX图片上传中,IFRAME通常用于创建一个隐藏的表单,用户在选择图片后,表单会提交到IFRAME中,这样可以在后台完成文件上传,而不会影响到主页面的显示。 在PHP方面,作为服务器端的语言,它负责接收上传的图片...

    ajax无刷新上传图片

    Ajax(Asynchronous JavaScript and XML)技术结合IFrame可以实现这一功能,使得文件上传过程更加高效和流畅。下面我们将深入探讨这个主题。 一、Ajax简介 Ajax是一种在无需重新加载整个网页的情况下更新部分网页的...

    PHP+iframe图片上传实现即时刷新效果

    表单提交的目标是iframe,这意味着表单数据会发送到iframe中,而不是导致整个页面刷新。 在`upload.php`中,PHP会接收并处理上传的文件。一旦图片上传成功,我们需要将图片的URL返回到主页面,以便更新`tag_img`的`...

    php-HTML无刷新提交表单.doc

    实现无刷新提交表单的技术主要有Ajax和iframe两种方式。 首先,Ajax(Asynchronous JavaScript and XML)技术的核心是通过JavaScript发起异步网络请求,与服务器进行数据交换,而后通过DOM操作更新页面的局部内容,...

    ajax联动

    例如,一个简单的用户输入验证,当用户在文本框中输入内容时,无需提交表单,即可实时检查输入的有效性。 ### 4. UpdatePanel的工作原理 UpdatePanel内部使用了IFrame和ScriptManager来实现异步回发。当...

    ajaxupload.js

    当用户选择文件并触发上传时,库会动态创建一个表单,将文件输入字段和目标URL设置好,然后提交到IFrame中。由于IFrame的加载不会影响主页面,因此用户可以在等待文件上传的同时继续浏览页面的其他部分。 **2. 使用...

    PHP的AJAX技术实现文件异步上传

    因此,我们需要结合AJAX技术和IFRAME来实现这一功能。 ### 1. IFRAME实现异步上传 在实现异步文件上传时,我们会创建一个包含`&lt;input type="file"&gt;`的表单,目标设置为一个隐藏的IFRAME。这样,当用户选择文件并...

Global site tag (gtag.js) - Google Analytics