如何从Angularjs中的Web服务获取json数据？

-3

这是我的网络服务，我发送它从应用程序移动到应用程序的2个变量，并响应一个json对象。如何从Angularjs中的Web服务获取json数据？

var express = require('express'); 
var app = express(); 
var port = process.env.PORT || 8080; 

var bodyParser = require('body-parser'); 
app.use(bodyParser.json()); // support json encoded bodies 
app.use(bodyParser.urlencoded({ extended: true })); // support encoded bodies 

app.post('/coords', function(req, res) { 

    var lat   = req.body.lat, 
     lon   = req.body.lon; 

    res.setHeader('Content-Type', 'application/json'); 
    res.send(JSON.stringify({"vehicle": [{ latitud: lat, longitud: lon }]})); 

}); 


// start the server 
app.listen(port); 
console.log('Server start! at http://localhost:' + port);

然后我想在我的angularjs控制器中获得json。我不确定是否是这种形式

var app = angular.module('myApp',[]); 
app.controller('vehicleCtrl', function($scope, $http) { 

    var url = "http://localhos:8080/coords"; 

    $http.jsonp(url) 
     .success(function(data){ 
      console.log(data.vehicle); 
     }); 

});

来源

2015-12-04 Ruben

有什么问题吗？ –

确切的结果是什么？ – Kris

问题是如何从我的angularjs控制器 – Ruben

我试图创建具有类似代码的例子。我为防止XOrigin问题所做的一件附加事情是将index.html文件放在public目录下，该目录由server.js中的app.use(express.static('public'));行提供。

的index.html：

<!DOCTYPE html> 
<html lang="en" ng-app="myApp"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Title</title> 
    <script src="bower_components/angular/angular.min.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
     var app = angular.module('myApp',[]); 
     app.controller('demoCtrl', ['$scope', '$http', function($scope, $http) { 
      $scope.restart =function(){ 
       console.log('Restart'); 
       var url = 'http://localhost:8080/coords'; 
       $http.post(url) 
         .success(function(data){ 
          console.log(data.vehicle); 
         }); 
      } 
     }]); 

    </script> 
</head> 
<body> 
<div ng-controller='demoCtrl'> 
    <h1>Test</h1> 
    <p><button ng-click="restart()">Restart</button></p> 
</div> 
</body> 
</html>

server.js：

var express = require('express'); 
var app = express(); 
var port = process.env.PORT || 8080; 

var bodyParser = require('body-parser'); 
app.use(bodyParser.json()); // support json encoded bodies 
app.use(bodyParser.urlencoded({ extended: true })); // support encoded bodies 
app.use(express.static('public')); 
app.post('/coords', function(req, res) { 

    var lat   = req.body.lat, 
     lon   = req.body.lon; 

    res.setHeader('Content-Type', 'application/json'); 
    res.send(JSON.stringify({"vehicle": [{ latitud: "foo", longitud: "bar" }]})); 

}); 


// start the server 
app.listen(port); 
console.log('Server start! at http://localhost:' + port);

来源

2015-12-04 13:00:24 Kris

如何从Angularjs中的Web服务获取json数据？

回答

相关问题