javascript – 将JS对象转换为表单数据

2019-09-26 16:46:24 阅读：294 来源： 互联网

标签：javascript jquery multipartform-data form-data

如何将我的JS对象转换为FormData？

我想要这样做的原因是,我有一个我用~100表单字段值构造的对象.

var item = {
   description: 'Some Item',
   price : '0.00',
   srate : '0.00',
   color : 'red',
   ...
   ...
}

现在我被要求将上传文件功能添加到我的表单中,当然这是不可能通过JSON,所以我打算转移到FormData.那么有什么方法可以将我的JS对象转换为FormData？

解决方法:

如果您有一个对象,则可以轻松创建FormData对象,并将该对象的名称和值附加到formData.

你没有发布任何代码,所以这是一个一般的例子;

var form_data = new FormData();

for ( var key in item ) {
    form_data.append(key, item[key]);
}

$.ajax({
    url         : 'http://example.com/upload.php',
    data        : form_data,
    processData : false,
    contentType : false,
    type: 'POST'
}).done(function(data){
    // do stuff
});

MDN的文档中有更多示例

标签：javascript,jquery,multipartform-data,form-data
来源： https://codeday.me/bug/20190926/1820917.html

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

ICode9

javascript – 将JS对象转换为表单数据