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

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

csdnZyp

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

阅读量515

点赞数 1

CC 4.0 BY-SA版权

分类专栏： jquery javaEE

本文链接：https://blog.youkuaiyun.com/csdnZyp/article/details/56665132

jquery 同时被 2 个专栏收录

1 篇文章

订阅专栏

javaEE

1 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用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。