AJAX原理——XHLHttpRequest

43 阅读1分钟

一、XMLHttpRequest简介

  1. 是什么:
    • 用于与服务器交互的对象
  2. 能做什么:
    • 在不刷新页面的情况下请求特定URL,来获取到数据
    • 在不影响用户操作的情况下,更新页面的局部内容

二、如何使用

  1. 创建XMLHttpRequest对象
  2. 配置请求方法和请求url地址
  3. 监听loadend事件,接收响应结果
  4. 发起请求
    我的实践: image.png image.png

三、查询参数

  1. 是什么:
    • 浏览器提供给服务器的额外信息,让服务器返回浏览器想要的数据
  2. 如何使用XHR携带查询参数
    • URL?pname=省份名称
    • 查询参数对象
      • new URLSearchParams(查询参数字符串对象)
      • 转化为查询参数字符串:查询参数对象.toString()

四、需要XHR提交数据

  1. 请求头设置Content-Type: application/json
  2. 请求体携带JSON字符串
    我的实践: image.png image.png image.png image.png