AngularJS $http服务与MVVM应用详解

"这篇内容主要介绍了AngularJS中的$http服务及其相关知识点。AngularJS是一个基于JavaScript的前端MVVM框架，用于克服HTML在构建复杂应用时的局限性。它引入了指令、模型-视图-视图模型（MVVM）架构模式以及双向数据绑定等特性，使得前端开发更加高效和灵活。此外，还提到了视图中的一些常用指令和过滤器的使用方法。" AngularJS的$http服务是其核心组件之一，用于与服务器进行交互，发送HTTP请求。该服务提供了以下几种方法： 1. `get` 方法：发送GET请求，接收两个参数，第一个是请求的URL，第二个是配置对象（config），可以设置请求头、超时、缓存等选项。 2. `delete` 方法：执行DELETE请求，同样接受URL和配置对象作为参数。 3. `head` 方法：用于发送HEAD请求，获取响应头信息，参数与`get`和`delete`相同。 4. `jsonp` 方法：支持JSONP跨域请求，用于绕过同源策略限制，依然接收URL和配置对象。 5. `post` 方法：发送POST请求，接收三个参数，URL、要发送的数据（data）和配置对象。数据可以通过配置对象设置请求头Content-Type来指定编码格式。 6. `put` 方法：类似于`post`，用于执行PUT请求，更新已有资源，同样包含三个参数。 视图（View）在AngularJS中是与用户交互的部分，通常使用HTML编写。AngularJS通过指令扩展了HTML的功能，例如： - `ng-include`：动态加载并编译外部HTML片段。 - `ng-switch`：根据表达式的值动态显示或隐藏内容，类似JavaScript的switch语句。 - `ng-repeat`：遍历集合，并为每个元素创建视图。 - `ng-app`：定义AngularJS应用的范围。 - `ng-controller`：指定控制器的作用域。 - `ng-if`：根据表达式结果决定元素是否显示。 - `ng-href` 和 `ng-src`：动态生成链接和图片的URL。 - `ng-disabled`、`ng-checked`、`ng-readonly` 和 `ng-selected`：控制表单元素的状态。 - `ng-class`：根据表达式动态设置元素的CSS类。 - `ng-style`：动态改变元素的内联样式。 视图中还可以使用过滤器（Filters）来处理和格式化数据，如： - `currency`：将数值转换为货币格式。 - `date`：将日期转换为指定格式。 - `filter`：从数组中筛选出符合条件的子集。 - `json`：将JavaScript对象或JSON字符串格式化为可读的JSON格式。 这些指令和过滤器极大地增强了HTML的表达能力，使得在AngularJS中构建动态和交互式的Web应用变得更加简单。