Ajax 两种请求方式

一. 请求纯文本

  1. 在本地服务器环境下
  2. 创建XMLHttpRequest对象

  1. xhr的open方法,用于配置请求相关信息,open方法有三个参数。第一个参数type,数据传输方式get或post。第二个参数url/file,请求路径。第三个参数async是否异步。
  1. 配置好后,要将路径中(sample.txt)的东西请求下来。分两种请求方式
    (1)onload
    (2)onreadystatechange
  2. 利用onload请求,上节中讲到服务器返回数据时会传输HTML Response,所以this.responseText获取的就是返回的数据。
  3. 全部配置好后,还不能获取数据。运用send方法用于发送请求。
  1. 点击按钮发起请求,请求成功
  1. onreadystatechange请求方式,可以请求,并且发现实际上请求了两次。
xhr.onreadystatechange = function(){
    console.log(this.responseText);
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  •   2005 年,Jesse James Garrett 发表了一篇在线文章,题为“Ajax: A new App...
    霜天晓阅读 902评论 0 1
  • Ajax和XMLHttpRequest 我们通常将Ajax等同于XMLHttpRequest,但细究起来它们两个是...
    changxiaonan阅读 2,282评论 0 2
  • 看到标题时,有些同学可能会想:“我已经用xhr成功地发过很多个Ajax请求了,对它的基本操作已经算挺熟练了。” 我...
    前端渣渣阅读 5,790评论 1 12
  • ajax作为前端开发必需的基础能力之一,你可能会使用它,但并不一定懂得其原理,以及更深入的服务器通信相关的知识。在...
    萧玄辞阅读 844评论 0 0
  • AJAX 原生js操作ajax 1.创建XMLHttpRequest对象 var xhr = new XMLHtt...
    碧玉含香阅读 3,274评论 0 7