使用angular.js获取json数据

时间:2019-03-16 20:05:02

标签: node.js angularjs http google-chrome-devtools

简单节点HTTP服务器正在localhost / 6666上托管JSON数据。

设置了另一个HTTP服务器,以服务由单个index.html文件和模块组成的非常基本的angular.js应用程序,目的是获取数据:

app.controller('ctrl', function ($scope, $http) {
  $http({
    method: 'GET',
    url: 'localhost:6666/'
  }).then(function (res) {
    $scope.dt = res.data
  });
});

在浏览器中使用开发人员工具,我可以从控制台读取错误日志,如下所示:

  

可能未处理的拒绝:{“ data”:null,“ status”:-1,“ config”:{“ method”:“ GET”,“ transformRequest”:[null],“ transformResponse”:[null], “ jsonpCallbackParam”:“回调”,“ url”:“ localhost:6666 /”,“ headers”:{“ Accept”:“ application / json,text / plain, / ”}},“ statusText“:”“,” xhrStatus“:”错误“}

也许这是因为angular要求的是跨源的资源,或者它可能与服务资源的方式有关。 当我搜索localhost:6666(用于提供数据的地方)时,我仅看到使用以下代码提供服务的JSON字符串:

http.createServer(function(req, res) {
    res.writeHead(200, {
         "Content-Type": "application/json",
         'Access-Control-Allow-Origin': '*',
         'Access-Control-Allow-Methods': 'OPTIONS, POST, GET',
         'Access-Control-Max-Age': 24000,
    })
    res.end(JSON.stringify(data))
}).listen(6666)

“数据”是普通的javascript对象。

0 个答案:

没有答案