標籤：mime 內建模組 logs table path模組 html 4.01 nbsp -o ring
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>
Node.js 使用angularjs取得Nodejs http服務端返回的JSON數組樣本
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
