server.js代码：
// 内置http模块，提供了http服务器和客户端功能（path模块也是内置模块，而mime是附加模块） var http=require("http"); // 创建服务器,创建HTTP服务器要调用http.createServer()函数，它只有一个参数，是个回调函数，服务器每次收到http请求后都会调用这个回调函数。服务器每收到一条http请求，都会用新的request和response对象触发请求函数。 var server=http.createServer(function(req,resp){ console.log("请求地址是:"+req.url); //这样设置才可以解决跨域的请求 resp.writeHead(200,{"Content-Type":"text/plain;charset='utf-8'",'Access-Control-Allow-Origin':'*','Access-Control-Allow-Methods':'PUT,POST,GET,DELETE,OPTIONS'}); var arr=[]; // 创建对象 var emp=new Object; emp.name="Atila"; emp.age=39; emp.id="007"; arr.push(emp); var emp2={}; emp2.name="凌凌漆"; emp2.age=29; emp2.id="008"; arr.push(emp2); // JSON.stringify用于将对象转成JSON文本，JSON.parse用于将JSON文本转成对象 var retval=JSON.stringify(arr); resp.end(retval);// response对象结束响应 }); // 服务器开始运作监听端口 server.listen(3000,"localhost",function(){ console.log("服务器开始运作，监听端口3000中..."); });
页面Angularjs代码：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html ng-app="notesApp"> <head> <meta charset="utf-8"> <title>AngularJS取得Nodejs数据</title> <script src="angular1.4.6.min.js"></script> </head> <body> <table ng-controller="MainCtrl as ctrl" border="1px"> <tr ng-repeat="member in ctrl.items"> <td><span ng-bind='member.id'/></td> <td><span ng-bind='member.name'/></td> <td><span ng-bind='member.age'/></td> </tr> </table> </body> </html> <script type="text/javascript"> <!-- angular.module('notesApp',[]) .controller('MainCtrl',['$http',function($http){ var self=this; self.items=[]; var url="http://localhost:3000"; $http.get(url).then(function(response){ self.items=response.data; },function(errResponse){ alert('error'+errResponse); }); }]); //--> </script>
本文转自张昺华-sky博客园博客，原文链接：http://www.cnblogs.com/xiandedanteng/p/7529088.html，如需转载请自行联系原作者
