ajax如何异步提交多个表单

qq_34115105 2016-04-12 05:52:39

我有2个表单同时提交，我写了2个表单serialize，但是后台接受不到，写一个就可以，一个以上后台就接受不到，求大神教育，ajax如何一个提交2个或多个表单

...全文

430 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

qq_34115105 2016-04-13

打赏
举报

引用 3 楼 libingxin 的回复:

使用这两个jquery的form插件

<script src="dist/js/jquery.form.min.js"></script>
<script src="dist/js/jquery.validate.min.js"></script>

js代码调用的例子

    var $form = $("#form");
    var $submit = $("#submit");
    $form.validate({
        submitHandler: function (form) {
            $submit.addClass("disabled");
            $form.ajaxSubmit(
                {
                    url: "save.ajax",
                    type: 'post',
                    dataType: 'json',
                    success: function (json, statusText, xhr, $form) {
                        $submit.removeClass("disabled");
                        if (json.success) {
                            com.coohua.showMessage("保存成功", function(){
                                window.location.href = $("#card-type").val() == 0 ? "card.html" : "banner.html";
                            });
                        } else {
                            com.coohua.showMessage(json.message);
                        }
                    }
                });
        }
    });

    $submit.click(function(){
       $form.submit();
    });

服务器端的例子

   @RequestMapping(value = "save.ajax")
    @ResponseBody
    public JSONObject save(Card card, @RequestParam(value = "file", required = false) MultipartFile file) {
        JSONObject result = new JSONObject();
        result.put("success", false);
        try {
           ....
            result.put("success", true);
   
        } catch (Exception ex) {
            result.put("message", "保存过程中，服务器发生了异常。");
        }
        return result;
    }

欢迎光临我的博客 http://happyshome.cn

哥们我们这边不让用validate这个js

qq_34115105 2016-04-13

打赏
举报

引用 1 楼 u014474730 的回复:

写2个ajax不就行了

2个ajax出现事务问题怎么解决呢？

冰心的小屋 2016-04-12

打赏
举报

使用这两个jquery的form插件

<script src="dist/js/jquery.form.min.js"></script>
<script src="dist/js/jquery.validate.min.js"></script>

js代码调用的例子

    var $form = $("#form");
    var $submit = $("#submit");
    $form.validate({
        submitHandler: function (form) {
            $submit.addClass("disabled");
            $form.ajaxSubmit(
                {
                    url: "save.ajax",
                    type: 'post',
                    dataType: 'json',
                    success: function (json, statusText, xhr, $form) {
                        $submit.removeClass("disabled");
                        if (json.success) {
                            com.coohua.showMessage("保存成功", function(){
                                window.location.href = $("#card-type").val() == 0 ? "card.html" : "banner.html";
                            });
                        } else {
                            com.coohua.showMessage(json.message);
                        }
                    }
                });
        }
    });

    $submit.click(function(){
       $form.submit();
    });

服务器端的例子

   @RequestMapping(value = "save.ajax")
    @ResponseBody
    public JSONObject save(Card card, @RequestParam(value = "file", required = false) MultipartFile file) {
        JSONObject result = new JSONObject();
        result.put("success", false);
        try {
           ....
            result.put("success", true);
   
        } catch (Exception ex) {
            result.put("message", "保存过程中，服务器发生了异常。");
        }
        return result;
    }

欢迎光临我的博客 http://happyshome.cn