表单提交的使用及enctype属性

2020-09-18  本文已影响0人  易冷zzz
<form action="url" name="form" method="get/post" enctype="application/x-www-form-urlencoded" target="_blank">
      First name: <input type="text" name="fname" /><br />
      Last name: <input type="text" name="lname" /><br />
      <input type="submit" value="Submit" />
</form>

form表单几个比较重要的属性:action,name,method,enctype,target。
action:提交数据到服务端的url地址
name:表单数据提交到服务端的键名
enctype:表单数据提交时使用的编码类型,默认使用"application/x-www-form-urlencoded"。
如果表单中有上传文件,编码类型需要使用"multipart/form-data"类型且请求类型为post,才能完成传递文件数据。
注意:enctype为form表单数据的编码格式,对应于resquestHeader下的content-type。responseHeader下的content-type为响应数据类型,对应于responseType的值。

enctype 属性规定在将表单数据发送到服务器之前如何对其进行编码。
注意:只有 method="post" 时才使用 enctype 属性。

1.application/x-www-form-urlencoded(默认)
对表单所有字符进行编码,以键/值对的形式发送,Content-Type 被指定为 application/x-www-form-urlencoded;其次,提交的数据按照 key1=val1&key2=val2 的方式进行编码,key 和 val 都进行了 URL 转码

2.multipart/form-data
不对字符编码。当使用有文件上传控件的表单时,该值是必需的。

3.text/plain
以纯文本形式进行编码

4.application/json
将表单数据序列化成 JSON 字符串发送到服务器。

上一篇下一篇

猜你喜欢

热点阅读