一聚教程网:一个值得你收藏的教程网站

热门教程

jQuery表单插件ajaxForm实例详解

时间:2022-06-25 17:21:32 编辑:袖梨 来源:一聚教程网

前端时间写项目用到了ajaxForm这个插件,可以用它提交表单和上传图片,听起来和正常的form表单提交没什么区别,只不过是ajax提交,无需刷新页面,如此可以增加用户体验度。

引入两个文件,PS:必须

使用方法如下:

html代码:

  标题:

  图片:

  

js代码:

用法大概就是这样,其中遇到两个坑,本人把ajaxform封装了一个方法,因为项目中多次用到,然后用的同步请求,这样好做处理,但是没有图片上传的情况下,同步是可以的,能够兼容到ie7,但是如果有图片上传,ie 7、8、9 同步就无法做处理了,只能异步了,所以当时只能写成异步了,在success中分别做的处理,比较蛋疼……

热门栏目