使用ajax提交表单或上传文件

最新推荐文章于 2022-07-05 16:08:36 发布

原创最新推荐文章于 2022-07-05 16:08:36 发布 · 522 阅读

0 ·

CC 4.0 BY-SA版权

jquery 同时被 2 个专栏收录

1 篇文章

订阅专栏

javaEE

1 篇文章

订阅专栏

本文介绍如何使用Ajax技术在不刷新页面的情况下实现文件上传功能。通过示例代码详细展示了设置Ajax请求参数的方法，如禁用数据处理及指定内容类型等。

使用ajax提交表单或上传文件可以在不刷新页面的情况下将数据提交到后台处理，并将结果在页面展示出来。例：

		var formData = new FormData($("#form1")[0]);
				//图片上传阿里云
			     $.ajax({  
			          url: '${ctx}/pm/sku/saveImage' ,  
			          type: 'POST',  
			          data: formData,  
			          async: false,  
			          cache: false,  
			          contentType: false,  
			          processData: false,  
			          success: function (msg) {  
			        	 colorAttr.colorName =[];
			     		colorAttr.colorUrl =[];
			        	 for(var key in msg){
			        		 colorAttr.colorName.push(key);
			        		 colorAttr.colorUrl.push(msg[key]);
			        	 }
			        	  genSku(colorAttr.colorName,colorAttr.colorUrl);
			          },  
			          error: function (returndata) {  
			              alert("提交失败");  
			          }  
			     });  
以上需要注意的是，ajax里的属性processData和contentType的值必须设置为false。