我已经使用可接受的答案的代码(Felipe的代码)已有一段时间了,而且效果很好(谢谢Felipe!)。
但是,最近我发现它与空对象或数组有关。例如,提交此对象时:
{
A: 1,
B: {
a: [ ],
},
C: [ ],
D: "2"
}
PHP似乎根本看不到B和C。它得到这个:
[
"A" => "1",
"B" => "2"
]
查看Chrome中的实际请求可以看到以下内容:
A: 1
:
D: 2
我写了一个替代代码段。它似乎可以很好地用在我的用例中,但是我还没有对其进行广泛的测试,因此请谨慎使用。
我使用TypeScript是因为我喜欢强类型,但是将其转换为纯JS很容易:
angular.module("MyModule").config([ "$httpProvider", function($httpProvider: ng.IHttpProvider) {
// Use x-www-form-urlencoded Content-Type
$httpProvider.defaults.headers.post["Content-Type"] = "application/x-www-form-urlencoded;charset=utf-8";
function phpize(obj: Object | any[], depth: number = 1): string[] {
var arr: string[] = [ ];
angular.forEach(obj, (value: any, key: string) => {
if (angular.isObject(value) || angular.isArray(value)) {
var arrInner: string[] = phpize(value, depth + 1);
var tmpKey: string;
var encodedKey = encodeURIComponent(key);
if (depth == 1) tmpKey = encodedKey;
else tmpKey = `[${encodedKey}]`;
if (arrInner.length == 0) {
arr.push(`${tmpKey}=`);
}
else {
arr = arr.concat(arrInner.map(inner => `${tmpKey}${inner}`));
}
}
else {
var encodedKey = encodeURIComponent(key);
var encodedValue;
if (angular.isUndefined(value) || value === null) encodedValue = "";
else encodedValue = encodeURIComponent(value);
if (depth == 1) {
arr.push(`${encodedKey}=${encodedValue}`);
}
else {
arr.push(`[${encodedKey}]=${encodedValue}`);
}
}
});
return arr;
}
// Override $http service's default transformRequest
(<any>$httpProvider.defaults).transformRequest = [ function(data: any) {
if (!angular.isObject(data) || data.toString() == "[object File]") return data;
return phpize(data).join("&");
} ];
} ]);
它的效率不如Felipe的代码,但我认为它并不重要,因为与HTTP请求本身的总体开销相比,它应该是立即的。
现在,PHP显示:
[
"A" => "1",
"B" => [
"a" => ""
],
"C" => "",
"D" => "2"
]
据我所知,不可能让PHP认识到Ba和C是空数组,但至少会出现键,这在存在依赖于某种结构的代码(即使其内部基本为空)时很重要。
另请注意,它将undefined和null转换为空字符串。