FormData表单字段数据对象

ゝ一世哀愁。 2022-05-13 09:12 222阅读 0赞

FormData接口提供了一种方法，可以轻松地构造一组表示表单字段及其值的键/值对，然后使用xmlsend.send()方法轻松地发送这些值。如果将编码类型设置为“多部分/表单数据”，则使用相同的格式。

`This feature is available in Web Workers.这个特性在Web工作者中是可用的`

### 构造函数 ###

FormData()   
创建一个新的FormData对象。

### 对象方法 ###

FormData.append()   
将一个新值附加到一个FormData对象中的现有键上，或者在不存在的情况下添加键

FormDta.delete()   
从FormData对象中删除键/值对

FormData.entries()   
返回一个迭代器，允许遍历该对象中包含的所有键/值对

FormData.get()   
从FormData对象中返回与给定键相关联的第一个值

FormData.getAll()   
从一个表单数据中返回与给定键关联的所有值的数组

FormData.has()   
返回一个布尔值，说明一个FormData对象是否包含一个特定的键/值对

FormData.keys()   
返回一个迭代器，允许遍历该对象中包含的键/值对的所有键

FormData.set()   
在FormData对象中设置一个现有键的新值，或者在不存在的情况下添加键/值

FormData.values()   
返回一个迭代器，允许遍历该对象中包含的键/值对的所有值

支持的Web浏览器

<table> 
 <thead> 
  <tr> 
   <th>Feature</th> 
   <th>Chrome</th> 
   <th>Edge</th> 
   <th>Firefox (Gecko)</th> 
   <th>Internet Explorer</th> 
   <th>Opera</th> 
   <th>Safari</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>Basic support</td> 
   <td>7.0</td> 
   <td>(Yes)</td> 
   <td>4.0 (2.0)[1]</td> 
   <td>10</td> 
   <td>12</td> 
   <td>5</td> 
  </tr> 
  <tr> 
   <td>append with filename</td> 
   <td>(Yes)</td> 
   <td>No support</td> 
   <td>22.0 (22.0)</td> 
   <td>?</td> 
   <td>(Yes)</td> 
   <td>?</td> 
  </tr> 
  <tr> 
   <td>delete(), get(), getAll(), has(), set()</td> 
   <td>50.0</td> 
   <td>No support</td> 
   <td>39.0 (39.0)</td> 
   <td>No support</td> 
   <td>(Yes)</td> 
   <td>No support</td> 
  </tr> 
  <tr> 
   <td>entries(), keys(), values(), and support of for…of</td> 
   <td>50.0</td> 
   <td>No support</td> 
   <td>44.0 (44.0)</td> 
   <td>?</td> 
   <td>(Yes)</td> 
   <td>No support</td> 
  </tr> 
  <tr> 
   <td>Available in web workers</td> 
   <td>(Yes)</td> 
   <td>(Yes)</td> 
   <td>39.0 (39.0)</td> 
   <td>No support</td> 
   <td>(Yes)</td> 
   <td>No support</td> 
  </tr> 
 </tbody> 
</table>

支持的Mobile浏览器

<table> 
 <thead> 
  <tr> 
   <th>Feature</th> 
   <th>Android</th> 
   <th>Android Webview</th> 
   <th>Edge</th> 
   <th>Firefox Mobile (Gecko)</th> 
   <th>Firefox OS (Gecko)</th> 
   <th>IE Mobile</th> 
   <th>Opera Mobile</th> 
   <th>Safari Mobile</th> 
   <th>Chrome for Android</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>Basic support</td> 
   <td>3.0[2]</td> 
   <td>(Yes)[2]</td> 
   <td>(Yes)</td> 
   <td>4.0 (2.0)[1]</td> 
   <td>1.0.1</td> 
   <td>?</td> 
   <td>12</td> 
   <td>?</td> 
   <td>(Yes)</td> 
  </tr> 
  <tr> 
   <td>append with filename</td> 
   <td>?</td> 
   <td>(Yes)</td> 
   <td>No support</td> 
   <td>22.0 (22.0)</td> 
   <td>1.2</td> 
   <td>?</td> 
   <td>?</td> 
   <td>?</td> 
   <td>(Yes)</td> 
  </tr> 
  <tr> 
   <td>delete(), get(), getAll(), has(), set()</td> 
   <td>(Yes)</td> 
   <td>50.0</td> 
   <td>No support</td> 
   <td>No support</td> 
   <td>No support</td> 
   <td>No support</td> 
   <td>No support</td> 
   <td>No upport</td> 
   <td>50.0</td> 
  </tr> 
  <tr> 
   <td>entries(), keys(), values(), and support of for…of</td> 
   <td>?</td> 
   <td>50.0</td> 
   <td>No support</td> 
   <td>44.0 (44.0)</td> 
   <td>2.5</td> 
   <td>?</td> 
   <td>?</td> 
   <td>?</td> 
   <td>50.0</td> 
  </tr> 
  <tr> 
   <td>Available in web workers</td> 
   <td>(Yes)</td> 
   <td>(Yes)</td> 
   <td>(Yes)</td> 
   <td>(Yes)</td> 
   <td>(Yes)</td> 
   <td>No support</td> 
   <td>(Yes)</td> 
   <td>No support</td> 
   <td>(Yes)</td> 
  </tr> 
 </tbody> 
</table>

原文地址：   
[https://developer.mozilla.org/en-US/docs/Web/API/FormData][https_developer.mozilla.org_en-US_docs_Web_API_FormData]

[https_developer.mozilla.org_en-US_docs_Web_API_FormData]: https://developer.mozilla.org/en-US/docs/Web/API/FormData