30、Angular数据交互、安全防护与拦截器应用详解

Angular数据交互、安全防护与拦截器应用详解

1. 使用Angular的HttpClient向服务器发送数据

Angular的HttpClient支持多种HTTP动词与服务器进行数据交换，以下是各动词的详细说明：
| HTTP动词 | 描述 | 状态码说明 | 参数要求 |
| ---- | ---- | ---- | ---- |
| get | 执行HTTP GET请求 | | 与其他动词的参数含义相同 |
| head | 与GET请求类似，但只返回响应头，没有响应体 | | 与GET请求的用法和语法相同，只是响应体为空 |
| delete | 销毁服务器上的资源 | - 200 (OK)：服务器返回状态实体
- 202 (Accepted)：操作已成功排队等待执行
- 204 (No content)：操作成功执行但无状态实体返回
- 404 (Not found)：要删除的实体未找到 | 与GET请求参数相同，若传递泛型参数，应为服务器返回实体的类型，而非被销毁实体的类型 |
| post | 创建新资源 | - 201 (Created)：创建的资源有自己的URL，响应包含状态实体和Location头
- 200：返回状态实体但无特定URL
- 204：未返回状态实体 | 接受三个参数：URL、要在服务器上创建的对象、与其他动词相同的选项对象。URL需指定新实体的存放集合，若集合不存在，服务器返回404错误码。若传递泛型参数，应为服务器返回实体的类型，而非创建实体的类型 |
| put | 替换现有资源 | 与POST方法的状态码相同，404表示要替换的资源未找到 | URL必须标识