FormData()

FormData()

http://img1.sycdn.imooc.com//climg/5ee81c7209416c1107750296.jpg老師可以解釋一下這邊為什麼可以用FormData()對象來傳送到後來嗎?這又是什麼對象?後台為什麼可以自動解析這個對象?

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕小班 2020-06-16 13:35:28

同学你好,1、通常我们提交表单(使用submit button)时,会把form中的所有元素的name与value组成一个queryString,提交到后台。但当我们使用Ajax提交时,这过程就要变成人工的了。因此,FormData对象的出现可以减少我们一些工作量。

    也就是ajax提交的是使用formData对象封装的数据内容。

    2、在使用时,可以创建一个空的FormData对象,然后再用append方法逐个添加键值对,比如:

 var formdata = new FormData();
 formdata.append("name", "imooc");

如上同学贴出的使用方式是一致的。

      3、后台解析时,因为前台我们在formData中添加了文件流,就像之前使用form配置enctype="multipart/form-data"一样,我们的请求已经改变了组织形式,如下图,对应使用文件上传解析器,解析request中的内容,比如:

http://img1.sycdn.imooc.com//climg/5ee859b6091373ec10320674.jpg

同学可以参考这样的思路来理解一下。

如果我的回答解决了你的疑惑,请采纳。祝:学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师