AngularJS - Ajax

AngularJS Ajax - 从简单和简单的步骤学习AngularJS，从基本到高级概念，包括概述，环境设置，MVC架构，第一个应用程序，指令，表达式，控制器，过滤器，表，HTML DOM，模块，表单，包含，Ajax ，视图，范围，服务，依赖注入，自定义指令，内部化，ToDo应用程序，记事本应用程序，Bootstrap应用程序，登录应用程序，上载文件，在线应用程序，导航菜单，切换菜单，订单表格，搜索选项卡，拖动应用程序，购物车申请，翻译申请，图表申请，地图申请，分享申请，天气申请，计时器申请，传单申请，Lastfm申请。

AngularJS提供$ http控件，该控件用作从服务器读取数据的服务.服务器进行数据库调用以获取所需的记录. AngularJS需要JSON格式的数据.一旦数据准备就绪，$ http可用于以下列方式从服务器获取数据 :

function studentController($scope,$https:) {   var url = "data.txt";   $https:.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.htm

         Angular JS Includes                           AngularJS Sample Application
                                                                                                                                                                                 Name Roll No Percentage
{{ student.Name }} {{ student.RollNo }} {{ student.Percentage }}

Name	Roll No	Percentage
{{ student.Name }}	{{ student.RollNo }}	{{ student.Percentage }}

输出

要执行此示例，您需要部署 testAngularJS.htm 和 data.txt 文件到Web服务器.在Web浏览器中使用服务器的URL打开文件 testAngularJS.htm 并查看结果.