代码改变世界

使用jquery ajaxForm提交表单

2015-11-19 14:26  NO.27  阅读(212)  评论(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表单啦!