使用jquery ajaxForm提交表单
2015-11-19 14:26
627 查看
一、首先引用Jquery
二、添加表单
三、调用
这样时就可实现ajax提交form表单啦!
<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表单啦!
相关文章推荐
- Jquery实现仿京东商城省市联动菜单
- JQuery datepicker 用法
- Jquery制作--焦点图左右轮播
- 跨域请求之jQuery的ajax jsonp的使用
- jquery的ajax和getJson跨域获取json数据
- jQuery日期和时间插件(jquery-ui-timepicker-addon.js)中文破解版使用
- dataType of jQuery.ajax()
- jquery动画
- jquery实现页面局部刷新
- jquery_DOM笔记3
- jquery_DOM笔记2
- jquery 中post 、get的同步问题
- 详细解读Jquery各Ajax函数:$.get(),$.post(),$.ajax(),$.getJSON()
- (JQuery)如何做到搜索输入框的数据异步提交
- 15款jQuery带缩略图的图片轮播切换特效代码
- 15款jQuery带缩略图的图片轮播切换特效代码
- (function ($, undefined){ })(jQuery); 的使用及说明
- jquery通过扩展select控件实现支持enter或focus选择的方法
- 结构 of jQuery.ajax()
- jQuery $("")