在使用Angularjs的$http发送请求时,有哪些注意事项需要特别注意?
- 内容介绍
- 文章标签
- 相关推荐
本文共计216个文字,预计阅读时间需要1分钟。
使用`http`库发送GET请求时,携带的参数使用`params`配置;而发送POST请求时,携带的参数可以使用`params`或`data`配置。如果使用`data`配置请求参数,需要额外设置一些属性。
$http使用get发送请求时携带的参数使用params配置, 而$http使用post发送请求时携带的参数可以使用params和data配置。 但是如果使用data配置请求参数的时候需要额外配置一些属性,否则后台接收不到前台的请求参数。 angular.module('form.service', []) .service('formService', ['$http', function($http) { var request = { doGetRequest : (user)=>{ return $http({ url:'register.do', method : 'get', params : user,// get请求的时候用params }); }, doPostRequest : (user)=>{ return $http({ url:'register.do', method : 'post', data : user,// post请求的时候可以用data或者params,不过如果使用data的时候需要多些设置,否则后台接收不到 // 以下配置是为了post使用data传递参数时所用 headers: { 'Content-Type' : 'application/x-www-form-urlencoded' }, transformRequest : function(data){ var str = []; for(var key in data){ str.push(encodeURIComponent(key) + "=" + encodeURIComponent(data[key])); } return str.join("&"); } }); } }; return { register : function(user) { // return request.doGetRequest(user); return request.doPostRequest(user); } } }]); gistfile2.txt
也可以使用在使用data传递参数的时候使用jQuery,将json格式的data转成字符串形式
本文共计216个文字,预计阅读时间需要1分钟。
使用`http`库发送GET请求时,携带的参数使用`params`配置;而发送POST请求时,携带的参数可以使用`params`或`data`配置。如果使用`data`配置请求参数,需要额外设置一些属性。
$http使用get发送请求时携带的参数使用params配置, 而$http使用post发送请求时携带的参数可以使用params和data配置。 但是如果使用data配置请求参数的时候需要额外配置一些属性,否则后台接收不到前台的请求参数。 angular.module('form.service', []) .service('formService', ['$http', function($http) { var request = { doGetRequest : (user)=>{ return $http({ url:'register.do', method : 'get', params : user,// get请求的时候用params }); }, doPostRequest : (user)=>{ return $http({ url:'register.do', method : 'post', data : user,// post请求的时候可以用data或者params,不过如果使用data的时候需要多些设置,否则后台接收不到 // 以下配置是为了post使用data传递参数时所用 headers: { 'Content-Type' : 'application/x-www-form-urlencoded' }, transformRequest : function(data){ var str = []; for(var key in data){ str.push(encodeURIComponent(key) + "=" + encodeURIComponent(data[key])); } return str.join("&"); } }); } }; return { register : function(user) { // return request.doGetRequest(user); return request.doPostRequest(user); } } }]); gistfile2.txt
也可以使用在使用data传递参数的时候使用jQuery,将json格式的data转成字符串形式

