为什么ajax 有时传空值,Jquery通过ajax传空数组时为空

最近工作时发现一个jquery有一个小陷阱，代码如下：

var data = {

'aa':[],

'bb':'bb'

};

//如果这么写的话，你会发现data中的aa是没有传到后端的

$.ajax({

url: '__URL__',

type: 'POST',

dataType: 'json',

data: data,

success: function (data) {

console.log(data);

}

});

这样写的话，你通过浏览器抓包工具，可以发现，aa是没有传递给后端的。如果遇到后端必须需要aa这个key的情况下，就会出现bug。

解决的办法是：

$.ajax({

url: '__URL__',

type: 'POST',

dataType: 'json',

data: JSON.stringify(data),

contentType: 'application/json',

success: function (data) {

console.log(data);

}

});

将data通过JSON.stringify来转换成字符串。

这样即使aa为空，也会传到后端去了。

当然，为了后端便于解析数据，我建议增加contentType参数，值为”application/json”。

然后我在后端增加了判断，如果检测到header信息的ContentType 为application/json，就会进行json_decode转换，这样就方便接收前端提交过来的参数了。代码如下：

$get_post = function(){

if($_SERVER['CONTENT_TYPE']=='application/json'){

$input = json_decode(file_get_contents('php://input'),true);

}else{

$input = $_POST;

}

return $input;

};