ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

javascript – 从HTML5 FormData对象获取所有项目 – HTML5

2019-06-12 04:22:41  阅读:234  来源: 互联网

标签:javascript html5 form-data


我一直在使用HTML5 FormData对象,我似乎无法弄清楚如何找到它所拥有的数据.我需要访问它以进行调试.

https://developer.mozilla.org/en-US/docs/Web/API/FormData1

有像这样的功能

FormData::get([name]);

但我不知道名字.有这样的东西会很好:

FormData::dumpData();

查看FormData对象中所有数据的好方法是什么?

更新

以下是FormData对象的示例:

解决方法:

默认情况下,FormData的所有功能并非在所有浏览器中都可用.但是,您可以在某些情况下启用它们.查看browser compatibility的文档.

在Chrome中,您可以通过在浏览器标记部分下启用启用实验性Web平台功能来启用对这些功能的完全访问权限.导航到浏览器中的chrome:// flags /以查找此选项.

启用此功能并重新加载后,您应该能够运行以下命令来查看所有FormData数据:

var formData    = new FormData(this);
var formKeys    = formData.keys();
var formEntries = formData.entries();

do {
  console.log(formEntries.next().value);
} while (!formKeys.next().done)

当然,可能有更好的方法来迭代这个数据结构,尽管它肯定是一种动态查看FormData对象中所有K / V对的方法.

标签:javascript,html5,form-data
来源: https://codeday.me/bug/20190612/1223254.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有