改造ext form表单提交时遇到的问题
来源:互联网 发布:js获取div class 编辑:程序博客网 时间:2024/04/19 22:31
问题描述:
在改造ext框架时,ext使用ext.form提交数据。上传文件也是如此。后台用的struts框架,调用方法之后会返回数据,看到之后我采用form表单的submit直接提交,但上传页面会直接变成返回的值。只能采用ajax的方式提交。这样又产生了新的问题,获取不到input file 的值,或者由于浏览器差异value获取错误。在跳转对应方法里还有struts自动根据参数setvalue 的 方法,比如:setfilename setfile 我必须要把上传文件用到的参数全部提交。查阅之后采用formdata 方法,用法如下: $.ajax({
url: '/upload',
type: 'POST',
cache: false,
data: new FormData($('#uploadForm')[0]),
processData: false,
contentType: false
}).done(function(res) {
}).fail(function(res) {});
注意事项:
1. processData设置为false。因为data值是FormData对象,不需要对数据做处理。数据处理由于是object类型,jquery在处理是会无法处理报错
2. 标签添加enctype=”multipart/form-data”属性。
3. cache设置为false,上传文件不需要缓存。
4. contentType设置为false。因为是由表单构造的FormData对象,且已经声明了属性enctype=”multipart/form-data”,所以这里设置为false。
参考文章JQuery Ajax使用FormData对象上传文件 图片
- 改造ext form表单提交时遇到的问题
- Ext.form.Panel 表单提交问题
- EXT的form表单提交方式总结
- Ext 实现简单的form表单提交
- ajax 提交form表单遇到的问题----1
- form表单提交时的target问题
- EXT form表单Ajax提交
- EXT异步提交FORM表单
- Ext.form.FormPanel表单提交
- ext的form提交
- form表单提交问题
- 工作中遇到的问题:关于form表单提交的问题--无action
- html form onsubmit表单提交的问题
- 回车自动提交Form表单的问题
- 关于FORM下的表单提交问题
- form表单提交编码的问题
- form表单按enter提交的问题
- Form表单提交数据的乱码问题
- ansible的安装
- C可变参数的应用和内存对齐
- 测试学习点
- 使用Python开发木马程序
- 新建有返回值的线程的窗口(修改的窗口有问题不懂解决)
- 改造ext form表单提交时遇到的问题
- 贪心算法和哈夫曼算法
- CentOS上升级Pyhton到2.7
- UVA
- IntelliJ idea 一些名字的理解和Web项目的运行
- Android edittext 属性inputtype详解
- 深入学习Java反射之道-field
- Spring和SpringMVC父子的容器之道
- XML——元素