当前位置: 首页 > 面试题库 >

Angular用Ajax获取JSON数据

怀经赋
2023-03-14
问题内容

我如何通过带有角的ajax获取json数据?我尝试了很多,但是我的代码无法正常工作。我的代码:

<!DOCTYPE html>
<html lang="en" ng-app="test">

<head>
  <meta charset="UTF-8">
  <title></title>
  <script src="https://code.angularjs.org/1.6.1/angular.min.js"></script>
  <script>
    angular.module('test', [])
      .controller('TestCtrl', function($scope, $http) {
        $scope.data = [];
        $http.get("http://jsonplaceholder.typicode.com/users").then(function(res) {
          $scope.data = JSON.parse(res);
        });
      });
  </script>
</head>

<body ng-controller="TestCtrl">
  <div ng-repeat="item in data">
    {{item.id}}
  </div>
</body>

</html>

问题答案:

你这样尝试过吗?

<script>
        var app = angular.module('test', [])
        app.controller('TestCtrl', function ($scope, $http) {
            $http.get("http://jsonplaceholder.typicode.com/users").then(function(res,status,xhr) {
                $scope.data = res.data;
            });
        });
    </script>


 类似资料:
  • Ajax 全称“Asynchronous JavaScript and XML”,译为“异步 JavaScript 和 XML”,程序员们习惯称之为“阿贾克斯”,通过 Ajax 我们可以异步在服务器与客户端之间传递数据。在 Ajax 中,普遍使用 JSON 作为传输数据的格式。 一般情况下,我们可以通过 JavaScript 来发送 Ajax 请求,并接收响应的信息。下面通过一个示例来演示一下(有

  • 问题内容: 我正在尝试通过jQuery ajax调用获取数据。 我的代码如下所示: 我的文件返回的是json格式的数据,但某些文本为Unicode格式。我在我的javascript文件上及其上设置了字符集,但仍然无法访问响应的数据对象。 有任何想法吗? 问题答案: 尝试加入您的ajax调用:

  • 问题内容: 我正在尝试从php文件中获取json数据,以在Angular控制器中使用。我在php文件中回显,当我在角度控制器中时,它带回json数据,但是当我尝试做一个 controllers.js : content.php : index.php : 问题答案: 您实际上希望将数据作为JSON发送。为此,您只需要在语句之前添加即可。因此content.php变为: 顺便说一句,您可能需要对控制

  • 本文向大家介绍AJAX跨域请求之JSONP获取JSON数据,包括了AJAX跨域请求之JSONP获取JSON数据的使用技巧和注意事项,需要的朋友参考一下 Asynchronous JavaScript and XML (Ajax ) 是驱动新一代 Web 站点(流行术语为 Web 2.0 站点)的关键技术。Ajax 允许在不干扰 Web 应用程序的显示和行为的情况下在后台进行数据检索。使用 XMLH

  • 问题内容: 我有一个标准的javascript ajax调用,其中将data:设置为json数据。 我试图在php中获取数据,这是行不通的。 但是,可行。 我想知道这可能是我的框架或诸如此类的无法正常工作的东西吗?还是还有其他我可以用来获取数据的东西? 编辑: 因此,框架YII和扩展Restfullyii具有使用一种方法获取其数据的方法return json_decode(file_get_con

  • 问题内容: 我正在尝试使用fetch发布 JSON对象。 据我了解,我需要将一个字符串化的对象附加到请求的主体,例如: 当使用jsfiddle的json回显时,我希望看到返回的对象(),但这不会发生-chrome devtools甚至不会在请求中显示JSON,这意味着它没有被发送。 问题答案: 借助ES2017 支持,这是如何实现JSON负载的方法: 但是,问题是由 很久以来修复的chrome b