Skip to content

ajax 入门

1. JavaScript 基础

  • 数据类型
  • 变量
  • 函数
  • 对象
  • 事件

2. DOM 操作基础

  • 什么是 DOM
  • 如何通过 JavaScript 操作 DOM
  • 事件监听

3. HTTP 协议基础

  • 什么是 HTTP 协议
  • HTTP 请求与响应
  • HTTP 方法:GET、POST
  • HTTP 状态码

4. XMLHttpRequest 对象

  • 创建 XMLHttpRequest 对象
  • 配置 XMLHttpRequest 对象
  • 发送请求
  • 接收响应
  • 处理异步请求

5. 实战:制作一个简单的 AJAX 应用

  • 设计一个简单的 HTML 页面
  • 使用 JavaScript 创建一个 XMLHttpRequest 对象
  • 连接到一个在线 API
  • 接收和展示数据

6. JSON 数据格式

  • 什么是 JSON
  • JSON 与 JavaScript 对象的关系
  • 如何解析 JSON 数据

7. 错误处理与调试

  • 如何处理 AJAX 请求中可能出现的错误
  • 使用浏览器开发者工具进行调试
  • 记录和查看日志

8. 跨域请求

  • 什么是同源策略
  • 什么是跨域
  • 如何实现跨域请求(CORS,JSONP 等)

9. Promise 和 Fetch API

  • 什么是 Promise
  • 什么是 Fetch API
  • 如何使用 Fetch API 替代 XMLHttpRequest 进行 AJAX 请求

10. 异步编程和 Async/Await

  • 什么是异步编程
  • Callback Hell 和解决方案
  • 如何使用 Async/Await 简化异步代码

11. 实战进阶:制作一个复杂的 AJAX 应用

  • 设计一个复杂一点的 HTML 页面
  • 连接到多个在线 API
  • 处理更多的用户交互和动态数据展示

JSONPlaceholder posts API 文档