AngularJS AJAX

AngularJS 提供了一个 $http 服务，用于读取数据和远程服务器。它用于从服务器检索所需的记录。

AngularJS 需要 JSON 格式的数据。数据准备好后，$http 以以下方式从服务器获取数据

这里的文件 "data.txt" 是员工的记录。 $http 服务发起一个 AJAX 调用，并将响应设置为其 employees 属性。这个模型用于在 HTML 中绘制表格。

AngularJS AJAX 示例

testAngularJS.htm

这里的文件 data.txt 包含员工的记录。

"data.txt" (JSON 格式的员工数据)

要执行上面的例子，你必须将 testAngularJS.htm 和 data.txt 文件部署到 Web 服务器。

使用 Web 浏览器中服务器的 URL 打开文件 testAngularJS.htm 并查看结果。

输出

结果如下所示

表

HTTP 服务方法

有几种调用 $http 服务的快捷方法。在上面的例子中，使用了 $http 服务的 .get 方法。以下是其他几种快捷方法

• .delete()
• .get()
• .head()
• .jsonp()
• .patch()
• .post()
• .put()

性质

服务器的响应是一个具有以下属性的对象

• .config 用于生成请求的对象。
• .data 一个字符串或一个对象，携带来自服务器的响应。
• .headers 用于获取标头信息的函数。
• .status 定义 HTTP 状态的数字。
• .statusText 定义 HTTP 状态的字符串。