前台-formdata提交

codingFunTime

于 2023-03-31 14:43:13 发布

阅读量126

点赞数

分类专栏： key门户项目文章标签： javascript java 前端

本文链接：https://blog.youkuaiyun.com/hktkkkk/article/details/129880000

版权

key门户项目专栏收录该内容

37 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

本文主要探讨了如何在JavaScript中利用FormData对象进行前端表单数据的收集与提交，同时涉及到了与Java后端接口的交互过程，阐述了前端与后台数据传输的关键步骤和技术要点。

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

	const submitForm = async (formEl: FormInstance | undefined) => {
		if (!formEl) return
		await formEl.validate((valid) => {
			if (valid) {
				formLoading.value = true
				submitLoading.value = true
				const { name, idCard, returnUrl, operate } = ruleForm
				let fd = new FormData()
				fd.append('frontImg', ruleForm.frontImg)
				fd.append('backImg', ruleForm.backImg)
				fd.append('params', JSON.stringify({ name, idCard, returnUrl, operate }))
				personAuth(fd)
					.then((res) => {
						formLoading.value = false
						submitLoading.value = false
						window.location.href = res.data.verifyUrl
					})
					.catch(() => {
						formLoading.value = false
						submitLoading.value = false
					})
			} else {
				return false
			}
		})
	}