美文网首页Web前端
网页请求(Ajax)

网页请求(Ajax)

作者: 廖马儿 | 来源:发表于2018-02-02 22:34 被阅读2次

ajax = Asynchronous JavaScript and XML

XMLHttpRequest实例,就是ajax的具体实现。

<script>
      let xhr = new XMLHttpRequest();  // ajax
</script>

通过 xhr 我们可以实现异步请求。

<script>
  let xhr = new XMLHttpRequest();  // ajax
  xhr.open("POST", "test.txt", true);
  // 我们向后端请求数据的方式 http请求 post get
  // 请求地址
  // 异步的方式请求还是同步方式请求. true 是异步

  xhr.send(); // 向后端进行数据的发送

  // xhr 状态只要发生改变了 我们就可以进行数据的操作了
  xhr.onreadystatechange = function () {
    if(xhr.readyState == 4 || xhr.status == 200) {
      // xhr.readyState (0, 1, 2, 3, 4) 五个级别,表示我们当前数据结构处理的阶段。数据处理完成是4
      // xhr.status 状态码  404:页面无法被找到
      // 200 请求成功
      // 301 302 网页请求重定向了(301:永久重定向, 302:在、临时重定向)
      // 404 页面不能找到
      // 500 服务器故障

      console.log(xhr.responseXML);  // 打印结果
    }
  }


</script>

相关文章

  • 网页请求(Ajax)

    ajax = Asynchronous JavaScript and XML XMLHttpRequest实例,就...

  • Ajax get请求GitHub API接口

    AJAX用于异步请求。AJAX = 异步 JavaScript 和 XML。 AJAX 是一种用于创建快速动态网页...

  • 使用爬虫知识点(ajax,cookie,代理ip)

    爬取ajax网页方法 1,直接分析ajax调用的接口,然后通过代码请求这个接口。 2,使用selenium+chr...

  • 前端必问----Ajax

    Ajax是什么? Ajax是指一种创建交互式网页应用的网页开发技术(异步)。 特点: 异步网络请求;在不刷新页面的...

  • ajax

    ajax 是什么 ajax 有什么用 javascript: 更新局部的网页 xml: 一般用于请求数据和响应数据...

  • 前端面试题2019

    2019.4.20 1.怎么提高网页加载性能? 1.1:ajax请求使用get请求可以使用客户端的缓存 1...

  • ajax

    Ajax 1 - 请求纯文本 Ajax 2 - 请求JSON数据 Ajax 3 - 请求Github接口 Ajax...

  • ajax的基础用法

    Ajax用法 ajax是能够在不刷新页面的情况下,让网页局部数据更新的技术 Ajax请求数据三剑客 创建对象var...

  • 疑难杂症-并发ajax请求导致微信网页授权失败的问题

    症状: SPA架构下,在有并发ajax请求的页面加载时,后端过滤器获取微信网页授权信息(网页授权access_to...

  • ajax

    特点 ajax ajax入门 ajax请求与发送数据 ajax工具类封装 type:请求类型url:请求地址dat...

网友评论

    本文标题:网页请求(Ajax)

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