angular的post请求,springmvc后台接收不到参数的解决方案
2017-08-04 10:43
1416 查看
angular的post请求,后台接收参数为null的解决方案。
1、确定angularjs,如何使用,才是post请求。angularjs实际开发过程,发现,想使用post请求,不仅仅需要设置,method:'POST',还需要
传参的时候使用data (注:如果使用params传参,angularjs默认使用 get请求),如下:
$http({
method:'POST',
url:baseUrl+url,
data : data
}).then(function(result) {
alert(result.data);
});2、angularjs的post请求的"Content-Type"默认为" application/josn",而 jquery的post请求的"Content-Type"默认为" application/x-www-form-urlencoded"
故,要想springmvc后台接收到参数。需要修改angularjs的post请求的Content-Type为x-www-form-urlencodedand。当然,此时后台仍然接受不到数据。
3、默认情况下,jQuery传输数据使用Content-Type: x-www-form-urlencodedand和类似于"foo=bar&baz=moe"的序列,
然而AngularJS,传输数据使用Content-Type: application/json和{ "foo": "bar", "baz": "moe" }这样的json序列。所以把Content-Type设置成x-www-form-urlencodedand
之后,还需要转换序列的格式。
.config(function($httpProvider) {
$httpProvider.defaults.headers.put['Content-Type'] = 'application/x-www-form-urlencoded';
$httpProvider.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
// Override $http service's default transformRequest
$httpProvider.defaults.transformRequest = [function(data) {
/**
* The workhorse; converts an object to x-www-form-urlencoded serialization.
* @param {Object} obj
* @return {String}
*/
var param = function(obj) {
var query = '';
var name, value, fullSubName, subName, subValue, innerObj, i;
for (name in obj) {
value = obj[name];
if (value instanceof Array) {
for (i = 0; i < value.length; ++i) {
subValue = value[i];
fullSubName = name + '[' + i + ']';
innerObj = {};
innerObj[fullSubName] = subValue;
query += param(innerObj) + '&';
}
} else if (value instanceof Object) {
for (subName in value) {
subValue = value[subName];
fullSubName = name + '[' + subName + ']';
innerObj = {};
innerObj[fullSubName] = subValue;
query += param(innerObj) + '&';
}
} else if (value !== undefined && value !== null) {
query += encodeURIComponent(name) + '='
+ encodeURIComponent(value) + '&';
}
}
return query.length ? query.substr(0, query.length - 1) : query;
};
return angular.isObject(data) && String(data) !== '[object File]'
? param(data)
: data;
}];
})
完成以上修改,springmvc后台已经可以正常接收到参数了,大功告成!
1、确定angularjs,如何使用,才是post请求。angularjs实际开发过程,发现,想使用post请求,不仅仅需要设置,method:'POST',还需要
传参的时候使用data (注:如果使用params传参,angularjs默认使用 get请求),如下:
$http({
method:'POST',
url:baseUrl+url,
data : data
}).then(function(result) {
alert(result.data);
});2、angularjs的post请求的"Content-Type"默认为" application/josn",而 jquery的post请求的"Content-Type"默认为" application/x-www-form-urlencoded"
故,要想springmvc后台接收到参数。需要修改angularjs的post请求的Content-Type为x-www-form-urlencodedand。当然,此时后台仍然接受不到数据。
3、默认情况下,jQuery传输数据使用Content-Type: x-www-form-urlencodedand和类似于"foo=bar&baz=moe"的序列,
然而AngularJS,传输数据使用Content-Type: application/json和{ "foo": "bar", "baz": "moe" }这样的json序列。所以把Content-Type设置成x-www-form-urlencodedand
之后,还需要转换序列的格式。
.config(function($httpProvider) {
$httpProvider.defaults.headers.put['Content-Type'] = 'application/x-www-form-urlencoded';
$httpProvider.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
// Override $http service's default transformRequest
$httpProvider.defaults.transformRequest = [function(data) {
/**
* The workhorse; converts an object to x-www-form-urlencoded serialization.
* @param {Object} obj
* @return {String}
*/
var param = function(obj) {
var query = '';
var name, value, fullSubName, subName, subValue, innerObj, i;
for (name in obj) {
value = obj[name];
if (value instanceof Array) {
for (i = 0; i < value.length; ++i) {
subValue = value[i];
fullSubName = name + '[' + i + ']';
innerObj = {};
innerObj[fullSubName] = subValue;
query += param(innerObj) + '&';
}
} else if (value instanceof Object) {
for (subName in value) {
subValue = value[subName];
fullSubName = name + '[' + subName + ']';
innerObj = {};
innerObj[fullSubName] = subValue;
query += param(innerObj) + '&';
}
} else if (value !== undefined && value !== null) {
query += encodeURIComponent(name) + '='
+ encodeURIComponent(value) + '&';
}
}
return query.length ? query.substr(0, query.length - 1) : query;
};
return angular.isObject(data) && String(data) !== '[object File]'
? param(data)
: data;
}];
})
完成以上修改,springmvc后台已经可以正常接收到参数了,大功告成!
相关文章推荐
- angular的post请求,SpringMVC后台接收不到参数值的解决方案
- angular的post请求,SpringMVC后台接收不到参数值的解决方案
- angular的post请求,SpringMVC后台接收不到参数值的解决方案
- 解决angular的post请求后SpringMVC后台接收不到参数值问题的方法
- 解决angular的post请求后SpringMVC后台接收不到参数值问题的方法
- 解决angular的post请求后SpringMVC后台接收不到参数值问题的方法
- angular的post请求,SpringMVC后台接收不到参数值的解决办法(参考加自创)
- AngularJs中$http发送post或者get请求,SpringMVC后台接收不到参数值的解决办法
- AngularJs中$http发送post或者get请求,SpringMVC后台接收不到参数值的解决办法
- 解决springMCV后台接收不到AngularJ的$http.post参数的方法
- 微信小程序POST请求参数传递不到后台解决方案
- 小程序post提交,springmvc为后台接收不到参数
- NodeMCU教程 http.post请求及服务端接收不到参数解决方案
- ajax的post请求后台request.getParameter()接收不到参数问题
- 解决angular的$http.post()提交数据时后台接收不到参数值问题的方法
- Spring MVC后台接收不到POST请求的参数
- axios发送post请求springMVC接收不到参数的解决方法
- 解决angular的$http.post()提交数据时后台接收不到参数值问题的方法
- angularJS post请求后台接收不到参数
- Angular13 Angular2发送PUT请求在后台接收不到参数