Ajax 两种请求方式

一. 请求纯文本

  1. 在本地服务器环境下
  2. 创建XMLHttpRequest对象
Ajax 两种请求方式_第1张图片

Ajax 两种请求方式_第2张图片
  1. xhr的open方法,用于配置请求相关信息,open方法有三个参数。第一个参数type,数据传输方式get或post。第二个参数url/file,请求路径。第三个参数async是否异步。
Ajax 两种请求方式_第3张图片
  1. 配置好后,要将路径中(sample.txt)的东西请求下来。分两种请求方式
    (1)onload
    (2)onreadystatechange
  2. 利用onload请求,上节中讲到服务器返回数据时会传输HTML Response,所以this.responseText获取的就是返回的数据。
  3. 全部配置好后,还不能获取数据。运用send方法用于发送请求。
Ajax 两种请求方式_第4张图片
  1. 点击按钮发起请求,请求成功
  1. onreadystatechange请求方式,可以请求,并且发现实际上请求了两次。
xhr.onreadystatechange = function(){
    console.log(this.responseText);
}

你可能感兴趣的:(Ajax 两种请求方式)