最近在看ajax的内容,目前知道的有三种方法:1.原生的XMLHttp Request方法2.jQuery方法(之前前后端交互项目)3.Axios工具库(使用频率最高的),是Vue/React推荐的请求包。
下面介绍的是原生的XMLHttp Request方法:

看到B站ajax是什么?上一个比较好的讲解过程,做笔记记录下来如下:

  1. 基本要点:
    1.浏览器内建的XMLHttpRequest构造函数。
    2.通过Javascript来操控XMLHttpRequest, XMLHttpRequest是构造函数,所以可以创造自己的属性和方法。
    3.通过JavaScript来操作xmlhttpRequest以表示新的网页需求来与网页沟通。
    XMLHttpRequest构造方法有如下:
    在这里插入图片描述
    过程:通过onreadystatechange来监视readystate属性值的变化(那么如果readyState等于4就表示收到所有响应了,为4的时候有可能已经收到了相应但是文件已经缺失了,所以要用xhr的属性status=200,表示成功),当获取返回的数据时,再利用JavaScript的DOM的操作实现局部页面刷新。
  2. 实际小例子:利用浏览器改变P标签内容。

在这里插入图片描述

详细步骤见上图,在保存文件后浏览器就自动刷新了文件。

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐