使用jquery ajaxForm提交表单 - NO.27

使用jquery ajaxForm提交表单

2015-11-19 14:26  NO.27  阅读(174)  评论(0)  编辑  收藏  举报

一、首先引用Jquery

    <script src="~/Scripts/jquery-1.9.1.min.js"></script>
    <script src="~/Scripts/jquery-form.js"></script>

二、添加表单

<form id="fmImport" enctype="multipart/form-data">
            <input type="file" name="flData" id="flData" /><input id="btnUpload" type="button" value="开始上传" />
        </form>
//multipart/form-data是文件类型，在这里用于保存文件用

三、调用

$(\'#btnUpload\').click(function () {
                var previewOptions = {
                    url: \'/Company/Index\',
                    type: \'POST\',
                    dataType: \'json\',
                    success: function (result) {
                        window.location = \'@Url.Action("/Home/index")\';
                    }
                    //iframe: false --不知为何IE9以下加上这行后台不能获取到控件
                };

                $(\'#fmImport\').ajaxSubmit(previewOptions);
                return false;
            });

这样时就可实现ajax提交form表单啦！

• 分类 Asp.Net
•