栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

如何使用提取API发布表单数据?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

如何使用提取API发布表单数据?

要引用(强调我的)MDN

FormData

FormData

接口提供了一种轻松构造一组代表表单字段及其值的键/值对的
XMLHttpRequest.send()
方法,然后可以使用该方法轻松发送该键/值对。
如果编码类型设置为,则使用与表单使用的格式相同的格式
"multipart/form-data"

因此,使用时

FormData
您将自己锁定在
multipart/form-data
。无法将
FormData
对象作为正文发送并且
发送
multipart/form-data
格式的数据。

如果要发送数据,则

application/x-www-form-urlenpred
必须将正文指定为URL编码的字符串,或者传递一个
URLSearchParams
对象。不幸的是,后者不能直接从
form
元素初始化。如果您不想自己遍历表单元素( 可以
使用进行迭代
HTMLFormElement.elements
),则还可以
URLSearchParams
FormData
对象创建一个对象:

const data = new URLSearchParams();for (const pair of new FormData(formElement)) {    data.append(pair[0], pair[1]);}fetch(url, {    method: 'post',    body: data,}).then(…);

请注意,您无需自己指定

Content-Type
标题。


正如僧侣时代在注释中指出的那样,您还可以直接创建

URLSearchParams
和传递
FormData
对象,而不是将值附加到循环中:

const data = new URLSearchParams(new FormData(formElement));

尽管它在浏览器中仍具有一些实验性支持,所以请确保在使用前对其进行正确测试。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/381335.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号