如何在离子应用程序的angularJS中的API中发布数据

时间:2017-06-07 16:49:03

标签: angularjs json

我是这个领域的新手,所以需要帮助。我必须将数据发布到API,但我无法做到这一点。请帮助我,让我现在进行处理。

API是:http://trendytoday.in/ers/api/DeviceAlarms

我必须发送数据的JSOn格式是:

{
  "ers": {
    "agency_device_id": "1"
  }

}

2 个答案:

答案 0 :(得分:0)

AngularJS提供$ http服务,该服务最多。这可以像:

一样使用



var app = angular.module("app", []);
app.controller("HttpGetController", function($scope, $http) {

  $scope.SendData = function() {
    var data = {
      "ers": {
        "agency_device_id": "1"
      }
    }
    $http.post('http://trendytoday.in/ers/api/DeviceAlarms', data)
      .then(function(res) {
        console.log(res);
      }, function(err) {
        console.error(err);
      })
  };

});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="app" ng-controller="HttpGetController">
  <button ng-click="SendData()">Submit</button>
  <hr /> {{ PostDataResponse }}
</div>
&#13;
&#13;
&#13;

这应该从控制器或服务中调用,无论你选择哪个都应该包含$ http服务作为依赖。

答案 1 :(得分:0)

.controller('AppCtrl',function($ scope,$ http){     $ scope.ers = {       'agency_device_id':''

};

$scope.submit = function(){
          var link = 'http://trendytoday.in/ers/api/DeviceAlarms';
          $http.post(link, {ers: $scope.ers},{headers: {'Content-Type': 'application/json'} }).then(function (res){
          $scope.mssg = res.data.ers.resMessage;
          $scope.resp = res.data.ers.response;