一般想要不刷新页面提交数据时,可以使用ajax提交。如果数据量不大可以自己写json数据用ajax提交到后台服务,但是数据量多且需要动态添加数据时,自己写json格式数据就有点麻烦了,这时候就需要FormData来替我们完成数据的装载了。
1、FormData提交表单数据
$.ajax({ type : "post", url : URL, data : new FormData($('#formID')[0]), contentType : false,// 告诉jQuery不要去设置Content-Type请求头 processData: false,// 告诉jQuery不要去处理发送的数据 success : function(data) { alert(data.msg); }, error : function() { alert("提交异常"); } });
2、FormData动态添加数据
var formdata=new FormData($('#formID')[0]); formdata.append("name",xx);//添加一条数据 //append()以键值对的形式往FormData塞数据
3、FormData添加文件类型数据
formdata.append("file",$("#fileId")[0].files[0]);
4、使用FormData和ajax配合提交表单可以实现不刷新页面,并且可以等待服务器返回结果做一些响应。
$.ajax({ type : "post", url : URL, data : formdata, contentType : false,// 告诉jQuery不要去设置Content-Type请求头 processData: false,// 告诉jQuery不要去处理发送的数据 success : function(data) { 根据服务器返回值响应事件 }, error : function() { alert("提交异常"); } });