O AngularJS fornece controle $ HTTP, que pode ler os dados do servidor como um serviço. O servidor pode fazer uma chamada de banco de dados para obter registros. AngularJS requer dados no formato JSON. Depois que os dados estiverem prontos, o $ HTTP poderá obter dados do servidor da seguinte maneira.
função studentcontroller ($ scope, $ http) {var url = "data.txt"; $ http.get (url) .success (function (resposta) {$ scope.students = resposta;});}Aqui, os registros do aluno contidos no data.txt. O serviço $ http permite que o AJAX ligue e defina propriedades para seus alunos. O modelo "aluno" pode ser usado para desenhar tabelas HTML.
exemplo
data.txt
[{"Name": "mahesh parashar", "rollno": 101, "porcentagem": "80%"}, {"name": "dinkar kad", "rolno": 201, "porcentagem": "70%"}, {"nome": "robert", "rollno": 191, "porcentagem" ": {" name ":" Robert "," "," rollno ": 191". Joe "," Rollno ": 111," porcentagem ":" 77%"}]testangularjs.html
<html> <head> <title> angular js inclui </title> <yoy> tabela, th, td {borda: 1px cinza sólido; colapso da fronteira: colapso; preenchimento: 5px;} tabela tr: nth-child (ímpar) {background-color: #f2f2f2;} tabela tr: nth-child (par) {background-color: #ffffff;} </style> </head> <body> <h2> aplicação de amostra de angularjs <ernoll> <div-Ang-app => <th> Nome </th> <th> roll no </th> <th> porcentagem </th> </tr> <tr ng-repeat = "Student in Students"> <td> {{student.name}} </td> <tdyge> {{student.rollno}}} </td> <tludy.ege. </tr> </tabela> </div> <cript> função studentcontroller ($ scope, $ http) {var url = "data.txt"; $http.get(url).success( function(response) { $scope.students = response; });}</script><script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script></body></html>Saída
Para executar este exemplo, você precisa implantar textangularjs.html, data.txt em um servidor da web. Abra o servidor de solicitação textangularjs.html em um navegador da web usando o URL. Os resultados são os seguintes:
O exposto acima é a classificação básica de informações do angularjs ajax. Continuaremos a resolver informações relevantes no futuro. Obrigado pelo seu apoio a este site!