1 引入依赖脚本

<script type="text/javascript" src="/js/jquery/jquery.form.js"></script> //ajaxForm 依赖脚本
<script type="text/javascript" src="/js/jquery/jquery-1.7.2.min.js"></script>
< script type="text/javascript" src="/js/jquery/jquery.easyui.min.js"></script>

2 使用方法

在页面中

<script>
        var isSubmit = false;
	function passFlow() {
	    if (isSubmit) {
	        return;
	    }
	    if (!checkAllValidate("#archiveForm")) {
	        return;
	    }
	    alert($("#textComment").val());
	    taskHandlerSave.comment.textComment = $("#textComment").val();
	    taskHandlerSave.comment.commentType = 1;
	    $("#taskHandlerSaveJson").val(JSON.stringify(taskHandlerSave));
	    alert($("#taskHandlerSaveJson").val());
	    var options = {
	        url: '${request.contextpath}/officedoc/send/handleSendArchive-passFlow.action?sendId=${sendId}',success: showReply,dataType: 'json',clearForm: false,resetForm: false,type: 'post',timeout: 3000
	    };
	    isSubmit = true;
	    $('#archiveForm').ajaxSubmit(options);
	}
	 
	function showReply(data) {
	    if (!data.operateSuccess) {
	        if (data.errorMessage != null && data.errorMessage != "") {
	            showMsgError(data.errorMessage);
	            isSubmit = false;
	            return;
	        }
	    } else {
	        showMsgSuccess(data.promptMessage,"",function () {
	            goBack();
	        });
	        return;
	    }
	}
</script>

3 在后台处理方式:

配置文件如下:

<action name="handleSendArchive-saveDto" class="net.zdsoft.eisu.officedoc.action.HandleSendArchiveAction" 
		    method="saveDto">
			<result name="success" type="json">
      			<param name="root">promptMessageDto</param>
      		</result>
		</action>


action层处理:

	public String saveDto(){
		try {
			List<UploadFile> uploadFileList  = ArchiveAttachmentUtils.handleFiles(new String[] {},5*1024);
			archiveDtoService.saveDto(archDto,uploadFileList,true,getLoginUser(),OfficedocConstant.SEND_STATUS_1);
			promptMessageDto.setoperateSuccess(true);
			promptMessageDto.setPromptMessage("保存公文基本信息成功");
		} catch (Exception e) {
			promptMessageDto.setoperateSuccess(false);
			promptMessageDto.setErrorMessage("保存公文基本信息失败");
		}
		return SUCCESS;
	}


promptMessageDtopromptMessageDtopromptMessageDto类内容如下:

package net.zdsoft.eis.frame.dto;

import java.io.Serializable;
import java.util.ArrayList;
import java.util.LinkedHashMap;
import java.util.List;
import java.util.Map;

/* 
 * 执行某个业务操作后,反回页面给用户的提示信息封装类,页面上可以得到此类的实例显示提示内容
 *	
 * <p>ZDSoft学籍系统(stusys)V3.5</p>
 * @author Dongzk
 * @since 1.0
 * @version $Id: PromptMessageDto.java,v 1.6 2007/02/07 09:41:55 zhanghh Exp $
 */
public class PromptMessageDto implements Serializable {
    private static final long serialVersionUID = 1L;

    // 操作成功还是失败,true成功;false失败
    private boolean operateSuccess;

    // 提示信息
    private String promptMessage;

    // 错误信息
    private String errorMessage;

    // 出错字段及提示信息
    private Map<String,List<String>> fieldErrorMap;

    // 提示后的下一步操作(成员是String[],一般String[0]表示操作名称,String[1]表示Action或跳转页面)
    private List<String[]> operations;

    // 提示页面打开另外一个页面(即另外一个action)时,要传递的初始值(成员也是String[],String[0]表示hidden的name,String[1]表示hidden的value)
    private List<String[]> hiddenText;

    // 提示页面打开时,须执行的js脚本
    private String javaScript;

    // 页面是否在iframe中
    private boolean inIframe;

    private String businessValue;

    public PromptMessageDto() {

    }

    public PromptMessageDto(boolean operateSuccess,String message) {
        this.operateSuccess = operateSuccess;
        if (operateSuccess) {
            this.promptMessage = message;
        } else {
            this.errorMessage = message;
        }
    }

    public boolean getoperateSuccess() {
        return operateSuccess;
    }

    public void setoperateSuccess(boolean operateSuccess) {
        this.operateSuccess = operateSuccess;
    }

    public String getPromptMessage() {
        return promptMessage;
    }

    public void setPromptMessage(String promptMessage) {
        this.promptMessage = promptMessage;
    }

    public Map<String,List<String>> getFieldErrorMap() {
        return fieldErrorMap;
    }

    public List<String[]> getoperations() {
        return operations;
    }

    public void setoperations(List<String[]> operations) {
        this.operations = operations;
    }

    public void addFieldError(String fieldName,String errorMessage) {
        if (fieldErrorMap == null) {
            fieldErrorMap = new LinkedHashMap<String,List<String>>();
        }
        List<String> thisFieldErrors = fieldErrorMap.get(fieldName);
        if (thisFieldErrors == null) {
            thisFieldErrors = new ArrayList<String>();
            fieldErrorMap.put(fieldName,thisFieldErrors);
        }

        thisFieldErrors.add(errorMessage);
    }

    public void addOperation(String[] obj) {
        if (this.operations == null) {
            this.operations = new ArrayList<String[]>();
        }
        this.operations.add(obj);
    }

    public void addHiddenText(String[] obj) {
        if (this.hiddenText == null) {
            this.hiddenText = new ArrayList<String[]>();
        }
        this.hiddenText.add(obj);
    }

    public String getErrorMessage() {
        return errorMessage;
    }

    public void setErrorMessage(String errorMessage) {
        this.errorMessage = errorMessage;
    }

    public List<String[]> getHiddenText() {
        return hiddenText;
    }

    public void setHiddenText(List<String[]> hiddenText) {
        this.hiddenText = hiddenText;
    }

    public String getJavaScript() {
        return javaScript;
    }

    public void setJavaScript(String javaScript) {
        this.javaScript = javaScript;
    }

    public boolean isInIframe() {
        return inIframe;
    }

    public void setiniframe(boolean inIframe) {
        this.inIframe = inIframe;
    }

    public String getBusinessValue() {
        return businessValue;
    }

    public void setBusinessValue(String businessValue) {
        this.businessValue = businessValue;
    }

}

ajaxSubmit提交方式的更多相关文章

  1. html5 拖拽及用 js 实现拖拽功能的示例代码

    这篇文章主要介绍了html5 拖拽及用 js 实现拖拽,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  2. jquery点赞功能实现代码 点个赞吧!

    点赞功能很多地方都会出现,如何实现爱心点赞功能,这篇文章主要为大家详细介绍了jquery点赞功能实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  3. amaze ui 的使用详细教程

    这篇文章主要介绍了amaze ui 的使用详细教程,本文通过多种方法给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  4. 在IOS9中的Cordova应用程序使用JQuery / Javascript的window.history问题

    在两个测试用例中唯一改变的是Cordova.js.解决方法我看到这是几个星期前,但我会发布这个,以防其他人遇到它.听起来它可能与iOS9中的哈希更改生成的导航事件有关.如果是这样,可以将其添加到index.html以禁用哈希侦听:

  5. iOS 5上的jQuery事件

    解决方法在Apple开发论坛上由一个人回答:我需要在将元素添加到DOM之后才绑定(),如下所示:

  6. swift皮筋弹动发射飞机ios源码

    这是一个款采用swift实现的皮筋弹动发射飞机游戏源码,游戏源码比较详细,大家可以研究学习一下吧。

  7. Swift与Js通过WebView交互

    开发环境:Swfit2.3XCode8.2基础概念jscontext,jscontext是代表JS的执行环境,通过-evaluateScript:方法就可以执行一JS代码JSValue,JSValue封装了JS与ObjC中的对应的类型,以及调用JS的API等JSExport,JSExport是一个协议,遵守此协议,就可以定义我们自己的协议,在协议中声明的API都会在JS中暴露出来,才能调用Swif

  8. JSCore swift

    如果双方相互引用,会造成循环引用,而导致内存泄露。以上是Jscore的基本使用,比较简单

  9. Swift WKWebView的js调用swift

    最近项目需求,需要用到JavaScriptCore和WebKit,但是网上的资源有限,而且比较杂,都是一个博客复制另外一个博客,都没有去实际敲代码验证,下面给大家分享一下我的学习过程。

  10. Swift WKWebView的swift调用js

    不多说,直接上代码:在html里面要添加的的代码,显示swift传过去的参数:这样就实现了swift给js传参数和调用!

随机推荐

  1. xe-ajax-mock 前端虚拟服务

    最新版本见Github,点击查看历史版本基于XEAjax扩展的Mock虚拟服务插件;对于前后端分离的开发模式,ajax+mock使前端不再依赖后端接口开发效率更高。CDN使用script方式安装,XEAjaxMock会定义为全局变量生产环境请使用xe-ajax-mock.min.js,更小的压缩版本,可以带来更快的速度体验。

  2. vue 使用 xe-ajax

    安装完成后自动挂载在vue实例this.$ajaxCDN安装使用script方式安装,VXEAjax会定义为全局变量生产环境请使用vxe-ajax.min.js,更小的压缩版本,可以带来更快的速度体验。cdnjs获取最新版本点击浏览已发布的所有npm包源码unpkg获取最新版本点击浏览已发布的所有npm包源码AMD安装require.js安装示例ES6Module安装通过Vue.use()来全局安装示例./Home.vue

  3. AJAX POST数据中文乱码解决

    前端使用encodeURI进行编码后台java.net.URLDecoder进行解码编解码工具

  4. Koa2框架利用CORS完成跨域ajax请求

    实现跨域ajax请求的方式有很多,其中一个是利用CORS,而这个方法关键是在服务器端进行配置。本文仅对能够完成正常跨域ajax响应的,最基本的配置进行说明。这样OPTIONS请求就能够通过了。至此为止,相当于仅仅完成了预检,还没发送真正的请求呢。

  5. form提交时,ajax上传文件并更新到&lt;input&gt;中的value字段

  6. ajax的cache作用

    filePath="+escape;},error:{alert;}});解决方案:1.加cache:false2.url加随机数正常代码:网上高人解读:cache的作用就是第一次请求完毕之后,如果再次去请求,可以直接从缓存里面读取而不是再到服务器端读取。

  7. 浅谈ajax上传文件属性contentType = false

    默认值为contentType="application/x-www-form-urlencoded".在默认情况下,内容编码类型满足大多数情况。在这里,我们主要谈谈contentType=false.在使用ajax上传文件时:在其中先封装了一个formData对象,然后使用post方法将文件传给服务器。说到这,我们发现在JQueryajax()方法中我们使contentType=false,这不是冲突了吗?这就是因为当我们在form标签中设置了enctype=“multipart/form-data”,

  8. 909422229_ajaxFileUpload上传文件

    ajaxFileUpload.js很多同名的,因为做出来一个很容易。我上github搜AjaxFileUpload出来很多类似js。ajaxFileUpload是一个异步上传文件的jQuery插件传一个不知道什么版本的上来,以后不用到处找了。语法:$.ajaxFileUploadoptions参数说明:1、url上传处理程序地址。2,fileElementId需要上传的文件域的ID,即的ID。3,secureuri是否启用安全提交,默认为false。4,dataType服务器返回的数据类型。6,error

  9. AJAX-Cache:一款好用的Ajax缓存插件

    原文链接AJAX-Cache是什么Ajax是前端开发必不可少的数据获取手段,在频繁的异步请求业务中,我们往往需要利用“缓存”提升界面响应速度,减少网络资源占用。AJAX-Cache是一款jQuery缓存插件,可以为$.ajax()方法扩展缓存功能。

  10. jsf – Ajax update/render在已渲染属性的组件上不起作用

    我试图ajax更新一个有条件渲染的组件。我可以确保#{user}实际上是可用的。这是怎么引起的,我该如何解决呢?必须始终在ajax可以重新呈现之前呈现组件。Ajax正在使用JavaScriptdocument.getElementById()来查找需要更新的组件。但是如果JSF没有将组件放在第一位,那么JavaScript找不到要更新的内容。解决方案是简单地引用总是渲染的父组件。

返回
顶部