AngularJS的ng Http Request与response格式转换方法

AngularJS中的ng Http Request与response格式转换

在Single Page Application（SPA）的开发中，基于JSON的ajax调用是最常见的交互方式。但有时，我们可能需要在遗留系统或不可预见的服务环境中工作，这些服务可能采用非JSON的数据提交方式，如常规的表单提交或其他自定义数据格式。这时，我们需要改变ng内部默认的$http的request与response格式转换方式。幸运的是，AngularJS的$http服务提供了灵活的格式转换机制。

一、单独HTTP请求的设置

对于特定的HTTP请求，我们可以通过transformRequest属性在发送数据前改变数据的格式。例如，当我们使用POST方法提交数据时：

```javascript

$http.post("/url", {

id: 1,

name: "greengerong"

}, {

transformRequest: function(request) {

return $.param(request); // 使用jQuery的$.param进行表单提交方式的格式转化

}

});

```

在上述代码中，原本要发送的JSON数据被转化成了表单提交的方式，即 `id=1&name=greengerong`。

二、全局HTTP请求的设置

如果我们希望对所有的HTTP请求数据转化格式进行设置，可以在应用的config阶段对$httpProvider的默认行为进行设置。例如：

```javascript

angular.module("app", [])

.config(["$httpProvider", function($httpProvider) {

$httpProvider.defaults.transformRequest = [

function(request) {

return $.param(request); // 对所有请求数据使用表单提交方式进行格式转化

}

];

// 还可以设置transformResponse，用于自定义响应数据的转化方式。

// 例如添加前缀防止json array攻击等。

}]);

```

通过这种方式，我们可以确保所有的HTTP请求都会采用特定的数据转化方式。我们也能够利用transformResponse方法创建自己的响应转化机制，比如为返回的JSON数据添加前缀等。这些功能使得AngularJS的$http服务非常灵活和强大。希望这篇文章能够帮助大家更好地理解和使用AngularJS的$http服务。对于需要进行复杂数据交互的应用来说，掌握这些技巧将大大提高开发效率和代码质量。