未能在AngularJS中獲得json url

-1

我編寫了一個REST API，並且the api在瀏覽器中正常工作。但是我無法從AngularJS中獲取數據。我的代碼如下。未能在AngularJS中獲得json url

這是在瀏覽器中的服務器響應：

[{ 「ID」：1，「稱號」：「AAA」，「內容」：空}，{ 「ID」：2，「標題」日期null，「內容」：空}，{ 「ID」：3 「標題」：空，「內容」：空}，{ 「ID」：4 「標題」：空，「內容」：空} { 「ID」：5 「標題」：空，「內容」：空}，{ 「ID」：6中，「標題」：空，「內容」：空}，{ 「ID」：7，「標題」日期null，「內容」：空}，{ 「ID」：8中，「標題」：空，「內容」：空}，{ 「ID」：9 「標題」：空，「內容」：空} { 「ID」：10，「標題」：空，「內容」：空}，{ 「ID」：11，「標題」：空，「內容」：空}，{ 「ID」：12，「標題」：null，「content」：null}，{「id」：13，「title」：null，「content」：null}]

朋友們：謝謝大家，現在我知道有一個跨域問題在這裏。但我不確定爲什麼我仍然可以從鉻合金中獲得它？如果我可以在服務器端的響應中添加一些標題，這會起作用嗎？

angular.module('job',[]) 
 
    .controller('BlogController',['$http',function($http){ 
 
     this.LoadDate = function(){ 
 
      $http.get("http://alvin-api.herokuapp.com/application/skills") 
 
       .success(function(response) { 
 
        alert("success"); 
 
       }).error(function(response){ 
 
       alert("error"); 
 
      }); 
 
     }; 
 
    
 
    }]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="job"> 
 
    {{1+3}} 
 
    <div ng-controller="BlogController as b"> 
 
    <input type='button' value = 'click me' ng-click="b.LoadDate()"/> 
 
    
 
    </div> 
 
    
 
    </div>

來源

2016-02-29 SmartFingers

你可以用當前的服務器響應進行編輯嗎？什麼是狀態碼等... – AdamCooper86

嗨，我編輯了我的問題並添加了服務器響應數據 – SmartFingers

閱讀關於CORS。 – dfsq

當你打開你的瀏覽器（我相信鉻）的開發工具，你可以看到的XMLHttpRequest不能加載您的網址。

這似乎是Heroku的問題。

AngularJS: No "Access-Control-Allow-Origin" header is present on the requested resource

來源

2016-02-29 22:14:51 JanS

但是，如果我將這個網址替換爲我的代碼：www.w3schools.com/angular/customers.php，它可以工作。 – SmartFingers

是的，正如鏈接SO線程中的最佳答案所說，這是服務器端的問題。所以，雖然Heroku似乎有問題，但w3schools似乎處理它'正確' – JanS

它會工作，如果我可以添加一些標頭的響應？ – SmartFingers

請求代碼工作，儘管使用成功和錯誤的方法已過時，你應該使用「那麼」代替。

這是代碼會是什麼樣使用則方法：

angular.module('job',[]) 
 
    .controller('BlogController',['$http',function($http){ 
 
     this.LoadDate = function(){ 
 
      $http.get("http://alvin-api.herokuapp.com/application/skills") 
 
       .then(function successCallback(response) { 
 
        alert("success"); 
 
       }, function errorCallback(response) { 
 
        alert("error"); 
 
       }); 
 
     }; 
 
    }]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="job"> 
 
    {{1+3}} 
 
    <div ng-controller="BlogController as b"> 
 
    <input type='button' value = 'click me' ng-click="b.LoadDate()"/> 
 
    
 
    </div> 
 
    
 
    </div>

當我嘗試運行，雖然我看到一個錯誤返回其阻止請求的代碼片段：

請求的資源上沒有「Access-Control-Allow-Origin」標頭。因此不允許原產地'null'訪問。

來源

2016-02-29 22:16:15 Carl

未能在AngularJS中獲得json url

回答

相關問題