form提交默认content-type是multipart/form-data - 知否问答 - 万象云+社区

<html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>native-formdata2</title> </head> <body> <form name="test"> <p>名称: <input type="text" autocomplete="off" name="CustomerName" style="width: 300px" /></p> <p>电话: <input type="text" autocomplete="off" name="CustomerTel" style="width: 300px" /></p> <p><input id="btn" type="submit" value="提交" /></p> </form> <script> var form = document.querySelector('form'); var btn = document.querySelector('input[type="submit"]'); // 注意这里是对form绑定submit事件，而不是submit按钮 // 如果用click事件，则应该是绑定在submit按钮上的 form.addEventListener('submit', function(e){ var data = new FormData(form); var xhr = new XMLHttpRequest(); xhr.open('post', 'http://10.10.10.10:3000'); xhr.send(data); e.preventDefault(); }) </script> </body> </html>

Request URL:http://10.10.10.10:3000/ Referrer Policy:no-referrer-when-downgrade Request Headers Provisional headers are shown Content-Type:multipart/form-data; boundary=----WebKitFormBoundaryxzu3u4M23GW3UlGC Origin:null User-Agent:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.84 Safari/537.36 Request Payload ------WebKitFormBoundaryxzu3u4M23GW3UlGC Content-Disposition: form-data; name="CustomerName" 12 ------WebKitFormBoundaryxzu3u4M23GW3UlGC Content-Disposition: form-data; name="CustomerTel" 12 ------WebKitFormBoundaryxzu3u4M23GW3UlGC--

回答动态