javascript - FormData 从 multipart/form-data 更改为 form-urlencoded？

Question

我正在使用当前的 javascript 来发布表单数据

var request = new XMLHttpRequest();
request.open("POST", "/validate",false);
request.send(new FormData(form));  // form is document.getElementById("#form")

使用 expressjs 后端，使用 body-parser 并进行以下设置

app.use(parser.urlencoded({ extended: false }));

表单数据已使用 content-type 正确发布到 multipart/form-data; 但根据 body-parser他们不解析多部分内容。如何将表单提交更改为 urlencoded 或 json 两者都可以由后端解析？

Answer 1

尝试添加 header 来请求并将数据转换为 url-encode 格式

function urlencodeFormData(fd){
    var s = '';
    function encode(s){ return encodeURIComponent(s).replace(/%20/g,'+'); }
    for(var pair of fd.entries()){
        if(typeof pair[1]=='string'){
            s += (s?'&':'') + encode(pair[0])+'='+encode(pair[1]);
        }
    }
    return s;
}
var request = new XMLHttpRequest();
request.open('POST', '/validate', false);
request.setRequestHeader('Content-Type','application/x-www-form-urlencoded')
request.send(urlencodeFormData(new FormData(form)));