使用ajax 和 FormData 实现无刷新提交 带文本和文件的表单
来源:互联网 发布:温度显示软件 编辑:程序博客网 时间:2024/06/05 22:59
在写代码的时候,经常会用到提交表单到后台。但是,提交后会刷新页面,然而这就不是我们想要的。怎么办?ajax?
可惜ajax并不支持同时提交文本和文件到后台。。怎么办?????
别急,今天我们就来解决这个问题。
方案:使用FormData
首先,在js中新建一个FormData,同时获取form给其赋值。
var data1 = new FormData($('#<portlet:namespace/>updateInfoForm')[0]);
接下来就是ajax方法了。
$.ajax({ type: "POST", url:"${updateInfo}", dataType : "json", data: data1,// 序列化表单值 async: false, processData: false, contentType: false ,//一定要加 error: function(request) { }, success: function(data) { if(data.flag == "ok"){ alert("保存成功"); window.top['_CACHE'].attriModal.hide(); } } });
这样提交后,后台就和我们平时提交表单一样获取数据了。。
是不是想想就激动呢?
阅读全文
0 0
- 使用ajax 和 FormData 实现无刷新提交 带文本和文件的表单
- Ajax 使用formdata 实现 无刷新表单上传
- 上传文件 使用HTML5的FormData 提交表单和文件数据
- 无刷新表单信息提交,使用HTML5新技术FormData
- 利用Ajax FormData实现无刷新带进度条文件上传
- 不使用ajax实现无刷新提交表单实例
- Ajax实现无刷新表单提交
- ajax无刷新表单提交、验证码的使用
- Play FrameWork 使用jquery.form.js实现无刷新提交带文件的表单
- Ajax提交带件的表单
- ajax+prototype的无刷新表单提交
- AJAX无刷新提交表单的方法
- Ajax使用FormData对象实现无刷新上传文件
- 实现无刷新上传文件,使用FormData进行Ajax请求
- 使用iframe实现无刷新表单提交
- 使用iframe实现无刷新提交表单
- Ajax+FormData实现无刷新附件上传
- ajax提交表单和文件上传
- CodeForces 86C-Genetic engineering
- dubbo 控制台用户名密码问题
- win系统和unbutn系统下文件路径问题
- TensorFlow官方教程学习笔记之1-TensorFlow入门教程(Getting Started With TensorFlow)
- IDEA实现热部署,在不重启服务器的前提下可以同时升级系统
- 使用ajax 和 FormData 实现无刷新提交 带文本和文件的表单
- c++二进制文件读写的程序举例
- Linux
- httpd 13 permission denied make_sock could not bind to address 失败的原因
- css整理
- 100亿数据1万属性数据架构设计
- spring <context:component-scan>使用说明
- AJAX跨域的常见方法
- [C++] 实现二叉搜索树