最近在看ajax的内容,目前知道的有三种方法:1.原生的XMLHttp Request方法2.jQuery方法(之前前后端交互项目)3.Axios工具库(使用频率最高的),是Vue/React推荐的请求包。
下面介绍的是原生的XMLHttp Request方法:
看到B站ajax是什么?上一个比较好的讲解过程,做笔记记录下来如下:
- 基本要点:
1.浏览器内建的XMLHttpRequest构造函数。
2.通过Javascript来操控XMLHttpRequest, XMLHttpRequest是构造函数,所以可以创造自己的属性和方法。
3.通过JavaScript来操作xmlhttpRequest以表示新的网页需求来与网页沟通。
XMLHttpRequest构造方法有如下:
过程:通过onreadystatechange来监视readystate属性值的变化(那么如果readyState等于4就表示收到所有响应了,为4的时候有可能已经收到了相应但是文件已经缺失了,所以要用xhr的属性status=200,表示成功),当获取返回的数据时,再利用JavaScript的DOM的操作实现局部页面刷新。 - 实际小例子:利用浏览器改变P标签内容。
详细步骤见上图,在保存文件后浏览器就自动刷新了文件。