AngularJS Ajax

AngularJS提供$http控制，可以作爲一項服務從服務器讀取數據。服務器可以使一個數據庫調用來獲取記錄。 AngularJS需要JSON格式的數據。一旦數據準備好，$http可以用以下面的方式從服務器得到數據。

function studentController($scope,$http) { var url="data.txt"; $http.get(url).success( function(response) { $scope.students = response; }); }

在這裏，data.txt中包含的學生記錄。 $http服務使Ajax調用和設置針對其學生的屬性。 「學生」模型可以用來用來繪製 HTML 表格。

例子

data.txt

[ { "Name" : "Mahesh Parashar", "RollNo" : 101, "Percentage" : "80%" }, { "Name" : "Dinkar Kad", "RollNo" : 201, "Percentage" : "70%" }, { "Name" : "Robert", "RollNo" : 191, "Percentage" : "75%" }, { "Name" : "Julian Joe", "RollNo" : 111, "Percentage" : "77%" } ]

testAngularJS.html

AngularJS Sample Application

輸出

要運行這個例子，需要部署textAngularJS.html，data.txt到一個網絡服務器。使用URL在Web瀏覽器中打開textAngularJS.html請求服務器。看到結果如下：