我刚在学习中使用了ajaxSubmit，犹豫之前没有接触过这个，所以一开始处于被逼的状态。最后，我通过查找资料解决了这个问题。这很刺激，我没刷新页面就上传了图片给看到我博客公园的朋友：“山人就是高峰，努力成功！”

让我在下面总结一下ajaxSubmit:

1 .引入1.jQuery

2.在线下载jQuery Form插件；

(这里先介绍一下表单插件，因为刚开始做前端的人可能看不懂。

JQuery Form插件是一个优秀的Ajax表单插件，可以轻松、无创地升级HTML表单以支持Ajax。JQuery Form有两个核心方法——Ajax Form()和ajaxSubmit()，它们结合了从控制表单元素到决定如何管理提交过程的功能。此外，该插件还包括一些其他方法：formToArray()、formSerialize()、fieldSerialize()、fieldValue()、clearForm()、clearFields()、resetForm()等。

下载地址：http://malsup.com/jquery/form/#download

核心方法——AJaxform()和ajaxSubmit()

)

3.先说用法。ajaxForm和ajaxSubmit都可以接收0或1个参数，可以是变量、对象或回调函数。该对象主要有以下参数：

Varobject={url:url，//要提交数据的表单的地址类型：type，//表单提交的方法(method : post/get)target : target，//服务器返回的响应数据显示元素(Id)编号before serialization 3360 function(){ }//before submit 3360 function(){ }，//提交前执行的回调函数success3360function () {}。//回调函数error:function () {}提交成功后执行，//函数datatype3360null提交失败后执行，//服务器返回的数据类型clearform3360true，//提交成功后是否清空表单中的字段值restForm:true，//提交成功后重置表单中的字段值，即恢复到页面加载时的状态timeout:6000 //设置请求时间，超过时间后自动退出请求，以毫秒为单位。}!DOCTYPE htmlhtmlhead title权限信息演示/title link href=' ~/Content/jqueryasyui/themes/default/easyui . CSS ' rel=' external nofollow ' rel='样式表'/link href=' ~/Content/jqueryasyui/themes/icon . CSS ' rel=' external nofollow ' rel='样式表'/脚本src=' http : ~/Content/jqueryasyui/Jquery-1 . 8 . 3 . min . js '/脚本src});//Bind异步上传图片函数Bind upload(){ alert(' aaaaaa ')；$('#btnUpLoadFile ')。click(function(){ alert(' bbbbbbb ')；$('#AddDiglogDiv表单')。Ajax Submit({ URL : '/ActionInfo/UploadImg '，type: 'Post '，success:函数(数据){ alert(' cccccc ')；//将返回的数据加载到隐藏字段$('#IconImg ')中。val(数据)；$('#ShowImgDiv ')。html(' img src=' data ' ' style=' width :100 px；height :80 px '/')；} });});}HTML代码是这样的：

尸体！-添加对话框start-div id=' AddDiglogDiv ' @使用(Ajax .begin inform(' AddActionInfo '，' ActionInfo '，new AJaxoOptions(){ OnSuccess=' ADd '之后)} { table tr TD权限名：/TD TD TD输入类型=' text ' name=' action name '/TD/tr tdURl:/TD TD输入类型=' text ' name=' URl '/TD/tr tdHttp方法类型：/td td选择名称='HttpMethod '选项值=' GET ' GET/选项选项值=' POST ' POST/option/select/TD/tr tr TD是否是菜单：/td td输入类型=' checkbox ' id=' ckbIsMenuShow '值='true '名称='是菜单'/TD/tr id=' trMenuAdress ' TD菜单图片地址：/td td输入类型=“隐藏”id=“图标”名称=' IconImg '/输入类型=' file ' id=' file menu icon ' name=' file menu icon '/输入类型='按钮'值='上传id=' btnUpLoadFile '/div id=' ShowImgDiv '/div/TD/tr TD排序：/TD TD TD输入类型=“文本”名称='排序'/TD/tr/tr TD备注：/TD TD TD输入类型=“文本”名称=' remote '/TD/tr/table }/div！ -添加对话框end/body/html最终要完成的项目是这样的：

最终我成功的实现了异步无刷新上传图片的功能！

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持我们！