从Angular 1中的API服务器中提取JSON数据

Question

努力争取获取http：从Ionic应用程序中的API服务器获取请求，任何人都可以帮助解决这些问题。这就是我所拥有的：

    <form ng-submit="getOrders()">
        <label class="item item-input item-stacked-label">
          <span class="input-label">Search Order #</span>
          <input type="text" name="order number" placeholder="enter order number" ng-model="query">
         </label>
         <input class="button button-block button-positive" type="submit" name="submit" value="Submit">                    
    </form>

    $scope.getOrders= function(){
                 $http.get('http://example.com/api/booking/orders/'+ $scope.query).success(function(data) {
                  $scope.orders = [ data.data ];
                  $scope.query = query;
                  console.log(query);

                 })
              }

以下是我尝试过的一些http get代码块

    //$http.get('http://example.com/api/booking/get/orders/').success(function(data) {
    //$http({ url: 'http://example.com/api/booking/orders/', method: "GET", params: {query} }).success(function(data) {
    //$http.get('http://example.com/api/booking/get/orders/+ $scope.query').success(function(data) {
    //$http.get('http://example.com/api/booking/get/orders/121137').success(function(data) {
    //$http.get('js/121137.json').success(function(data) {

此外，这是一个API的一些工作POST代码的示例，它可以提供一些额外的线索，从API服务器执行成功的GET查询： https://plnkr.co/edit/w0cyfzGij8SgcsnbXqsj?p=catalogue

Answer 1

使用承诺如下

.then(function(success){
 //handle success
 })
.catch(function(error){
//handle error
})

Answer 2

这是当前的代码。

$scope.getOrders= function(){
                 $http.get('http://example.com/api/booking/orders/'+$scope.query).success(function(data) {
                  $scope.orders = data.data;
                  console.log(data);
                  console.log($scope.query);

                 })
              }