Jquery form插件ajaxSubmit提交，采用annotation的struts2，防止重复提交

Jquery form插件ajaxSubmit提交，采用annotation的struts2，防止重复提交

1、服务器端action

@ParentPackage("json-default")
public class XxxAction extends ActionSupport {
    // json 返回对象
    private JsonRet jsonRet;
    // invalid token json返回对象，
    private JsonRet invalidTokenJsonRet = new JsonRet("invalidToken");


    @Action(value="/vote",
        interceptorRefs={@InterceptorRef("defaultStack"),@InterceptorRef("token")},
        results={
            @Result(name=SUCCESS,type="json",params={"root","jsonRet","contentType","text/html","enableGZIP","true","noCache","true"}),
            @Result(name="invalid.token",type="json",params={"root","invalidTokenJsonRet","contentType","text/html","enableGZIP","true","noCache","true"})
        }
    )
    public String vote(){
        jsonRet = new JsonRet("OK");
        try {
        } catch (Exception e){
            e.printStackTrace();
            jsonRet.setError("ERROR");
        j    sonRet.setMsg(e.getMessage());
        }
        return SUCCESS;
    }
}

主要就是在@InterceptorRef("defaultStack")后面增加了一个@InterceptorRef("token")

results增加一个@Result(name="invalid.token".....


2、客户端form
首先jsp文件页首不要忘记添加struts2标签

<%@ taglib prefix="s" uri="/struts-tags" %>

form定义: 就是增加另一个 s:token 标签

<form id="form-vote" action="vote.action" method="post">
<input type="hidden" name="id" id="voteId"/>
<s:token/>
</form>

3、ajaxSubmit代码

// 采用submit form来投票 

$('#form-vote').ajaxSubmit({
    dataType: 'json',
    success: function(data) {
        if (data['status'] == 'OK'){
            alert('投票成功');
        } else if ( data['status'] == 'invalidToken') { // 重复提交，什么也不做，提高用户体验度，用户没啥感觉

        } else {
            alert("投票出错了\n"+data['msg']);
        }
    },
    error: function(xhr) {
        alert("投票出错了\n"+xhr['responseText']);
    }
});

用户如果重复提交，最终处理的结果只有一次，并且，他都没感觉到有重复提交