通过AngularJS从外部URL获取文本[重复]答案

【问题标题】：Getting Text from external URL via AngularJS [duplicate]通过AngularJS从外部URL获取文本[重复]
【发布时间】：2017-02-26 07:31:57
【问题描述】：

我正在尝试从 URL（例如 SOMEURL/ean.php?id=4001513007704）获取 JSON-Text-Stream。结果如下所示：

{
    "product": {
        "ean_id": "4001513007704",
        "title": "Gerolsteiner Mineralwasser",
...
     },
    "success": true
}

如您所见，这些是扫描项目的一些信息。我使用 URL (--> http://www.w3schools.com/angular/tryit.asp?filename=try_ng_http_get ) 搜索了实现，这个示例仅适用于内部 URL。 Google 和其他来源将该变量留空。

这确实有效。它返回输入网站的 HTML 代码：

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>

<div ng-app="myApp" ng-controller="myCtrl"> 

<p>Today's welcome message is:</p>

<h1>{{myWelcome}}</h1>

</div>

<p>The $http service requests a page on the server, and the response is set as the value of the "myWelcome" variable.</p>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $http) {
  $http.get("http://www.w3schools.com/angular/default.asp")
  .then(function(response) {
      $scope.myWelcome = response.data;
  });
});
</script>

</body>
</html>

这不是（变量留空）。在这种情况下，我使用 Google，但通常我们会使用其他来源！

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $http) {
  $http.get("http://google.com/")
  .then(function(response) {
      $scope.myWelcome = response.data;
  });
});
</script>

我认为这是因为网站的安全设置..

如何从 URL 中获取数据？有什么解决方法吗？

感谢您的任何帮助！

【问题讨论】：

已经投票关闭。

标签： javascript html angularjs cordova ionic-framework

【解决方案1】：

您收到此错误是因为您没有定义要包含在 html 中的角度模块。尝试在 w3 学校中运行上面的代码，站点中的链接 http://google.com/ 如图所示

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>

<div ng-app="myApp" ng-controller="myCtrl"> 

<p>Today's welcome message is:</p>

<h1>{{myWelcome}}</h1>

</div>

<p>The $http service requests a page on the server, and the response is set as the value of the "myWelcome" variable.</p>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $http) {
  $http.get("http://google.com/")
  .then(function(response) {
      $scope.myWelcome = response.data;
  });
});
</script>

</body>
</html>

【讨论】：

嘿！对不起，但我不明白你想告诉我什么。您的屏幕截图也将空间留空！你能具体解释一下你的意思吗？
屏幕截图描述了当我点击 google.com 时它响应成功，然后打印消息，这意味着它可以工作

【解决方案2】：

response.data 只会在响应中有 data 对象时返回。

当您向google.com 发送请求时得到的响应是这样的：

<TITLE>302 Moved</TITLE></HEAD><BODY>
<H1>302 Moved</H1>
The document has moved
<A HREF="https://www.google.co.in/">here</A>.
</BODY></HTML>

这是因为该 URL 提供的是 HTML，而不是一些 JSON 响应。

如果您对此进行response.data，它将是未定义的，因为那里没有数据。如果您找到了包含 JSON 数据的正确端点，您将得到响应。

例如，如果您将 url 更改为 https://api.github.com/users/mralexgray/repos，您将看到数据。

【讨论】：

不应该 response.data 从网站返回至少 HTML 代码吗？它不应该是空白的..
响应会。 response.data 不会。因为这不是 JSON，所以不能使用点符号