AngularJS Ajax detailed explanation and sample code, angularjsajax

AngularJS Ajax detailed explanation and sample code, angularjsajax

AngularJS provides $ http control to read data from the server as a service. The server can call a database to obtain records. AngularJS requires data in JSON format. Once data is ready, $ http can obtain data from the server in the following ways.

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

Here, the student records included in data.txt. $ Http service enables Ajax to call and set attributes for its students. The "student" model can be used to draw HTML tables.

Example

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

Output

To run this example, deploy textangularjs.html and data.txt to a network server. Use urlto open textangularjs.html in the webbrowser to request the server. The result is as follows:

The above is the basic information of AngularJS Ajax. We will continue to sort out relevant information in the future. Thank you for your support for this site!