【交互】xhr 技术

最新推荐文章于 2024-10-01 21:18:10 发布

良言SE

最新推荐文章于 2024-10-01 21:18:10 发布

阅读量165

点赞数

CC 4.0 BY-SA版权

文章标签： formData

本文链接：https://blog.youkuaiyun.com/qq_32265719/article/details/98488712

本文深入探讨了XMLHttpRequest2级定义的FormData类型，讲解如何利用FormData简化AJAX中queryString的构造过程，包括获取、设置、删除及遍历FormData对象中的数据。

xhr 技术 FormData

FormData操作

FormData 类型其实是在 XMLHttpRequest 2级定义的序列化表单。
FormData对象，可以把所有表单元素的name与value组成一个queryString,提交到后台
在使用ajax提交时，使用FormData对象可以减少拼接queryString的工作量。

var name = formData.get("name"); // 获取名字
formData.append("k1", "v1");
formData.set("k1", "1"); // 如果指定的key不存在则会新增一条，如果存在，则会修改对应的value值。
formData.has("k1"); // true
formData.delete("k1");
formData.getAll("k1"); // []
var i = formData.entries();

methods{
	getFormData(){
		const formData = new FormData();
		if(this.saveFlag =='2'){
			formData.append("nYwid",this.operForm.nYwid);
			formData.append("nFlid",this.operForm.nFlid);
			formData.append("cFlmc",this.operForm.cFlmc);
		}else{
			formData.append("nFlid",this.operForm.nFlidArr.split(',')[0]);
			formData.append("cFlmc",this.operForm.nFlidArr.split(',')[1]);
		}
		if(this.operForm.file){
			formData.append("file",this.operForm.file);
			formData.append("nWjdx",this.operForm.nWjdx);
			formData.append("cWjmc",this.operForm.cWjmc);
		}

		formData.append("cDbbt",this.operForm.cDbbt);
		formData.append("cDbnr",this.operForm.cDbnr);
		formData.append("cWjlj",this.operForm.cWjlj);
		formData.append("cWjlxid",this.operForm.cWjlxid);
		formData.append("cWjlxmc",this.operForm.cWjlxmc);
		formData.append("ygTreeListNum",this.operForm.ygTreeListNum);
		formData.append("ygTreeList",JSON.stringify(this.operForm.ygTreeList));
		return formData;
	},
}