”工欲善其事,必先利其器。“—孔子《论语.录灵公》
首页 > 编程 > 如何在没有jQuery或序列化的情况下将HTML5 FormData转换为JSON?

如何在没有jQuery或序列化的情况下将HTML5 FormData转换为JSON?

发布于2025-03-22
浏览:670

How to Convert HTML5 FormData to JSON Without jQuery or Serialization? 
答案:

将formdata对象的条目转换为json,请按照以下步骤:

对于每个条目,将空对象中的密钥设置为条目的名称,并将值设置为其值。

使用json.stringify()方法将对象转换为json。 formdata.foreach(函数(value,key){ 对象[key] = value; }); var json = json.stringify(object); = value); var json = json.stringify(Object);

支持多选择列表:

如果您的表单包含多个选择列表或具有多个值的其他元素,则可以使用以下方法: formdata.foreach(((value,key)=> { if(!rection.has(object,key)){ 对象[key] = value; 返回; } 如果(!array.isarray(object [key])){ 对象[键] = [对象[key]]; } 对象[键] .push(value); }); 将FormData发送到服务器: JSON.STRINGIFY()方法可能不支持所有类型的对象。如果您的对象包含未支撑的类型,则可能需要实现custom tojson()方法来指定序列化逻辑。

最新教程 更多>
  • 如何在链接方法上调用GO的Vector3 struct时如何避免错误?
    如何在链接方法上调用GO的Vector3 struct时如何避免错误?
    在尝试在Vector3 Struct上链接方法调用时,在Vector3方法调用中管理Pointers ,您可能会遇到与值地址和调用指针方法有关的错误。本文研究了这些错误,并指导您如何解决这些错误。理解指针和值接收器 workarounds 解决此问题,您有几个选项:更改vector3方法具有值接...
    编程 发布于2025-03-22
  • 您可以强行cancel一个JavaScript承诺吗?
    您可以强行cancel一个JavaScript承诺吗?
    在JavaScript编程领域中是否有可能强制取消承诺?,承诺是管理异步操作的强大机制。但是,问题经常出现:是否有可能迫使 - cancel一个承诺? ES6承诺:一个status quo 的状态,不幸的是,在ES6的当前状态下,诺言并不是内在支持取消​​。这是因为取消诺言涉及复杂的设计注意事项...
    编程 发布于2025-03-22
  • \“(1)vs.(;;):编译器优化是否消除了性能差异?\”
    \“(1)vs.(;;):编译器优化是否消除了性能差异?\”
    答案: 在大多数现代编译器中,while(1)和(1)和(;;)之间没有性能差异。编译器: perl: 1 输入 - > 2 2 NextState(Main 2 -E:1)V-> 3 9 Leaveloop VK/2-> A 3 toterloop(next-> 8 last-> 9 ...
    编程 发布于2025-03-22
  • 如何使用字段函数在()子句顺序中订购mySQL结果?
    如何使用字段函数在()子句顺序中订购mySQL结果?
    使用字段函数在MySQL中使用()顺序 字段函数采用两个参数:一个字段名称和值列表。它返回与字段值匹配的列表中第一个值的索引。例如,以下查询将返回值1、2、3的列的列“ ID”的列,其中值为3、2或1:选择ID,field(id,3、2、1)作为从table_name; 选择ID,field(ID...
    编程 发布于2025-03-22
  • 如何在移动设备上堆叠Bootstrap 4 Divs并将它们并排放在桌面上?
    如何在移动设备上堆叠Bootstrap 4 Divs并将它们并排放在桌面上?
    用bootstrap 4:堆叠在移动设备上,在桌面上并排置于桌面 desktop.Solution:Disable Flexbox for Larger Widths:Bootstrap 4's flexbox assigns equal heights to columns.为了防止这种...
    编程 发布于2025-03-22
  • 在程序退出之前,我需要在C ++中明确删除堆的堆分配吗?
    在程序退出之前,我需要在C ++中明确删除堆的堆分配吗?
    在C中的显式删除 在C中的动态内存分配时,开发人员通常会想知道是否有必要在heap-procal extrable exit exit上进行手动调用“ delete”操作员,但开发人员通常会想知道是否需要手动调用“ delete”操作员。本文深入研究了这个主题。 在C主函数中,使用了动态分配变量(H...
    编程 发布于2025-03-22
  • python 3.5中的Asyncio:何时使用,何时避免?
    python 3.5中的Asyncio:何时使用,何时避免?
    在python 3.5中的asyncio:何时使用,何时避免等待在使用Python 3.5中使用Asyncio时,对于使用适当的方案使用了适当的方案,请使用适当的方案使用the await toyt toynt toynt toynt toym && && && && && &&&固。等待等待进行...
    编程 发布于2025-03-22
  • 这是您可以用CSS替换JavaScript的一些内容
    这是您可以用CSS替换JavaScript的一些内容
    以下20件事可以使用CSS替换JavaScript,使用其高级能力,例如动画,选择器,伪元素和过渡: 工具tip councation 下拉菜单如果您对更多选项感兴趣,请单击以下链接:https://chat-to..dev/post?id=700
    编程 发布于2025-03-22
  • 如何检查对象是否具有Python中的特定属性?
    如何检查对象是否具有Python中的特定属性?
    方法来确定对象属性存在寻求一种方法来验证对象中特定属性的存在。考虑以下示例,其中尝试访问不确定属性会引起错误: >>> a = someClass() >>> A.property Trackback(最近的最新电话): 文件“ ”,第1行, attributeError:SomeClass实...
    编程 发布于2025-03-22
  • 如何在简单的返回类型扣除范围之外使用C ++ 14的`electType(auto)`?
    如何在简单的返回类型扣除范围之外使用C ++ 14的`electType(auto)`?
    dectype(auto)的Versatile应用程序超出返回类型扣除在通用代码中返回类型转发对于非传统函数,可以明确指定所需的返回类型(参考或值)。但是,在通用代码中,转发返回类型的机制至关重要。 DeclType(Auto)通过提供一种能够完美地转发返回类型的方法,无论其类型如何。在递归模板...
    编程 发布于2025-03-22
  • JavaScript可以访问无效的CSS属性吗?
    JavaScript可以访问无效的CSS属性吗?
    可以检索无效的css属性值? custom cass properties,用名称以dash为dash,提供用于定义和访问应用程序中的唯一样式的机构。但是,如果JavaScript访问这些自定义属性的值,如果浏览器无效或未识别它们?当遇到无效的属性名称(例如“ -my-foo”)时,此对象通常会...
    编程 发布于2025-03-22
  • 如何在全高布局中有效地将Flexbox和垂直滚动结合在一起?
    如何在全高布局中有效地将Flexbox和垂直滚动结合在一起?
    在全高布局中集成flexbox和垂直滚动传统flexbox方法(旧属性)使用新的FlexBox properties 试图将全新的FlexBox属性应用于全高和可滚动的设计引入限制。使用高度的解决方法:0px; on a wrapper element is unreliable and crea...
    编程 发布于2025-03-22
  • 如何将Python 3.4.0连接到MySQL数据库?
    如何将Python 3.4.0连接到MySQL数据库?
    Connecting Python 3.4.0 to MySQL DatabasePython 3.4.0 lacks support for the popular MySQLdb driver for connecting to MySQL databases.这可能对需要MySQL集成的项目构...
    编程 发布于2025-03-22
  • 如何在扩展的PHP类中从静态方法中检索类名?
    如何在扩展的PHP类中从静态方法中检索类名?
    在PHP世界中从静态php class class Action { 函数n(){/ *某些实现 */} } 类MyAction在这种情况下将操作扩展了{/ *进一步实现 */} 晚期静态绑定(php 5.3):替代方法(pre-php 5.3):请记住,此方法仅适用于非静态方法,因为g...
    编程 发布于2025-03-22

免责声明: 提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发到邮箱:[email protected] 我们会第一时间内为您处理。

Copyright© 2022 湘ICP备2022001581号-3