星空网 > 软件开发 > Java

AngularJS转换请求内容

 

在"AngularJS中转换响应内容"中,体验了如何转换响应内容。本篇来体验如何转换请求内容。

主页面通过onSend方法把request对象转递出去。
 

<form name="form">  <textarea ng-model="request.message" required></textarea>  <input ng-model="request.tags"></form><button ng-click="onSend($event, form.$valid)">发送</button>

 

request对象和onSend方法被定义在了controller中。

 

angular.module('api.controllers')  .controller('controllers.View',['$scope', 'services.Api', function($scope, api){    $scope.request = {      message: "",      tags:""    };        $scope.onSend = function(event, valid){      event.preventDefault();      if(valid){        api.send($scope.request).then(function(result){          $scope.request.message = "";          $scope.request.tags = "";        })      }    }  }]);

 

以上,控制器依赖了services.Api这个服务,该服务封装了post请求。

 

angular.module('api.services').factory('services.Api',['$q', '$http', 'services.transformer.ApiRequest', function($q, $http, apiRequestTransformer){  return {    send: function(message){      var deferred = $q.defer();      $http({        method: "POST",        url: "",        data: message,        transformRequest: apiRequestTransformer      }).success(function(data){        deferred.resolve(data);      });            return deferred.promise;    }  }}]);

 

而$http服务中的transformRequest字段就是用来转换请求的。services.transformer.ApiRequest服务用来实施具体的转换。

 

angular.module('api.transformers').factory('services.transformer.ApiRequest', function(){  return function(data){    return JSON.stringify(data);  }})

 




原标题:AngularJS转换请求内容

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

InventoryLab:https://www.goluckyvip.com/tag/21569.html
listing乱码:https://www.goluckyvip.com/tag/2157.html
Investree:https://www.goluckyvip.com/tag/21570.html
INVIMA:https://www.goluckyvip.com/tag/21571.html
InviteBox:https://www.goluckyvip.com/tag/21572.html
InviteReferrals:https://www.goluckyvip.com/tag/21573.html
用好这八个Google 表格函数,大幅提升工作效率:https://www.kjdsnews.com/a/1836383.html
AI带货成为新热潮,行业巨变你准备好了吗?:https://www.kjdsnews.com/a/1836384.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流