AngularJS proporciona un control $ HTTP, que puede leer datos del servidor como un servicio. El servidor puede hacer una llamada de la base de datos para obtener registros. AngularJS requiere datos en formato JSON. Una vez que los datos están listos, $ HTTP puede obtener datos del servidor de la siguiente manera.
function studentController ($ scope, $ http) {var url = "data.txt"; $ http.get (url) .success (function (respuesta) {$ scope.students = respuesta;});}Aquí, los registros de los estudiantes contenidos en Data.txt. El servicio $ HTTP permite a Ajax llamar y establecer propiedades para sus estudiantes. El modelo "estudiante" se puede usar para dibujar tablas HTML.
ejemplo
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," Porcentaje ":" 77%"}]testangularjs.html
<html> <cead> <title> Angular JS incluye </title> <style> Table, th, td {border: 1px sólido gris; Colapso de borde: colapso; relleno: 5px;} tabla tr: nth-child (impar) {background-color: #f2f2f2;} tabla tr: nth-child (incluso) {background-color: #ffffff;} </style> </head> <body> <h2> AngularJS Aplicación de muestra </h2> <v ng-app = "" ng-controller = "studentController> <trontroller" <tr. <th> name </th> <th> roll no </th> <th> porcentaje </th> </tr> <tr ng-depheat = "estudiante en los estudiantes"> <td> {{student.name}} </td> <td> {{student.rollno}}} </td> <td> {{{{{{{{}}}}}}}}}}}} </tr> </table> </div> <script> Function StudentController ($ Scope, $ http) {var url = "data.txt"; $ http.get (url) .success (function (respuesta) {$ scope.students = respuesta;});} </script> <script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"> </script> </body </html>Producción
Para ejecutar este ejemplo, debe implementar TextangularJS.html, data.txt en un servidor web. Abra el servidor TextangularJS.HTML de solicitud en un navegador web utilizando la URL. Los resultados son los siguientes:
Lo anterior es la clasificación de información básica de AngularJS AJAX. Continuaremos ordenando información relevante en el futuro. ¡Gracias por su apoyo para este sitio!