jquery form 表单ajax提交使用

最新推荐文章于 2021-02-26 09:03:33 发布

shenjianxz

最新推荐文章于 2021-02-26 09:03:33 发布

阅读量710

点赞数

分类专栏： javaEE 前台技术

本文链接：https://blog.csdn.net/shenjianxz/article/details/51330095

版权

javaEE 同时被 2 个专栏收录

33 篇文章 1 订阅

订阅专栏

前台技术

7 篇文章 0 订阅

订阅专栏

第一步引用需要的js,具体网上一大把
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="http://malsup.github.io/jquery.form.js"></script>
第一种在方法体内定义 option 属性
$("#form1").ajaxSubmit({

                                 type: "post",
                                 url: "saveGuestFollow",//默认是form action

                   dataType: "json",
                    data: { "filename": $("#fuldDoc").val() },
                    success: function (data) {
                        if (data.status == 0)
                            $("#txtDoc").val(data.url);
                        $("#lblTip").text(data.msg);
                    },
                    error: function () {
                        $("#lblTip").text("系统出现错误，请联系管理员");
                    }
                });


 第二种定义 option

var ajax_option= {
    type: "post",
    url: "saveGuestFollow",//默认是form action
    dataType: "json",
    success: function (data) {

    } ,error: function () {
        $("#lblTip").text("系统出现错误，请联系管理员");
    }
}
    $('#saveGuestFollow').ajaxSubmit(ajax_option);

其他
默认是 type提交方式是get 
$(this).resetForm(); // 提交后重置表单