美文网首页
Ajax 两种请求方式

Ajax 两种请求方式

作者: 祝名 | 来源:发表于2019-01-03 22:22 被阅读0次

一. 请求纯文本

  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);
}

相关文章

  • 用get、post方式发送ajax请求

    get方式发送ajax请求 post方式发送ajax请求

  • Ajax 两种请求方式

    一. 请求纯文本 在本地服务器环境下 创建XMLHttpRequest对象 xhr的open方法,用于配置请求相关...

  • ajax

    ~~~ $.ajax({ type:"get",//选择请求的方式,有get和post两种 url:"ht...

  • RN之网络请求

    react native提供了fetch和XMLHttpRequest(即aiax)两种网络请求方式,但是ajax...

  • jQuery Ajax 的简单使用学习

    $.ajax 请求方式一$.ajax({ type: 'POST', // 请求的类型 url: 'h...

  • ajax

    Ajax是什么,ajax请求方式有几种 ajax的优缺点

  • 移动web--ajax详解.md

    1.ajax 上面是 ajax的常用参数 1.1 type:表示请求方式 http请求方式: 常用 post 或...

  • Ajax

    请求方式 ajax post get

  • react-rxjs-ajax

    react使用rxjs的ajax请求方式

  • 细说JSONP与Ajax的区别

    jsonp与ajax是两种截然不同的请求方式,了解它们的原理,我们先了解什么是跨域。跨域请求顾名思义就是请求超过自...

网友评论

      本文标题:Ajax 两种请求方式

      本文链接:https://www.haomeiwen.com/subject/rjgqrqtx.html