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 form = document.myForm;
xhr.open('POST', form.action, false);
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded')
xhr.send(urlencodeFormData(new FormData(form)));
function urlencodeFormData(fd){
var params = new URLSearchParams();
for(var pair of fd.entries()){
typeof pair[1]=='string' && params.append(pair[0], pair[1]);
}
return params.toString();
}
function getURLencodedForm(form)
{
var urlEncode = function(data, rfc3986)
{
if (typeof rfc3986 === 'undefined') {
rfc3986 = true;
}
// Encode value
data = encodeURIComponent(data);
data = data.replace(/%20/g, '+');
// RFC 3986 compatibility
if (rfc3986)
{
data = data.replace(/[!'()*]/g, function(c) {
return '%' + c.charCodeAt(0).toString(16);
});
}
return data;
};
if (typeof form === 'string') {
form = document.getElementById(form);
}
var url = [];
for (var i=0; i < form.elements.length; ++i)
{
if (form.elements[i].name != '')
{
url.push(urlEncode(form.elements[i].name) + '=' + urlEncode(form.elements[i].value));
}
}
return url.join('&');
}
// Example (you can test & execute this here on this page on stackoverflow)
var url = getURLencodedForm('post-form');
alert(url);
4条答案
按热度按时间2j4z5cfb1#
FormData将始终以**
multipart/form-data
形式发送如果要将FormData作为
x-www-form-urlencoded
**发送,请对内容项进行编码:您还可以像下面这样使用URLSearchParams:
对于不支持URLSearchParams API的旧版浏览器,您可以使用以下多边形填充之一:
lndjwyie2#
下面是一个更简单的方法,它不依赖于编写自己的转换:
它利用了
URLSearchParams
构造函数可以接受FormData
对象(我认为是任何可以迭代值对的对象),以及fetch
知道将URLSearchParams
转换为字符串并正确设置Content-Type头的事实。ruarlubt3#
否,XHR 2“send”方法被指定为始终将FormData对象作为multipart/form-data发送。
正如&号所建议的那样,一种选择是使用内置在Futon中每个CouchDB示例中的jquery.couch.js插件。
如果您喜欢更通用的HTTP接口,Fermata还支持URL编码请求:
另一个选择是将JSON发送到更新函数(我假设它是表单的“action”URL)。
当然,使用这些方法的诀窍是您必须自己提取表单字段,因为没有简单的DOM级别的
new FormData(document.myForm)
等价物返回Object而不是AFAIK。bjg7j2ky4#
前段时间我写了下面的函数,它收集表单值并将它们编码为url编码,这样它们就可以用内容类型
application/x-www-form-urlencoded
发送: