Mr.F - 纳尼？Ajax不是一种语言 而是一种技术？

什么是 Ajax？

Ajax是 2005 年，由谷歌推广的一种编程模式，准确的来说，Ajax是一种技术 而非一种语言；
它可以在不刷新页面的情况下实现页面局部数据的更新操作，从而减少用户在浏览信息时的等待时间，优化用户体验。

使用方法

• 第一步：创建请求（获取Ajax对象）
• 第二步：建立联系
• 第三步：发送请求
      * 请求方式：
          ① get：以 url 传参的方式传递即可
          ② post：需要创建请求头，否则接收不到数据
      * 请求文件：就是用来接收数据的文件，我们这里以 php 文件为例
      * 请求方法：
          ① true：异步请求（主流的请求方法）
          ② false：同步请求（几乎没人使用）
• 第四步：接收响应数据
      Ajax状态码：
          ① 状态码为 0：代表请求未初始化
          ② 状态码为 1：代表请求已建立连接
          ③ 状态码为 2：代表请求已被接收
          ④ 状态码为 3：代表请求正在处理中
          ⑤ 状态码为 4：代表请求完成且相应就绪
      HTTP 状态码：
          ① 状态码为 200：代表请求成功且完成
          ② 状态码为404：代表没有找到页面
          ③ 状态码为 403：代表服务器拒绝访问

接下来我们通过代码演示一下异步请求的具体步骤

<script>
	//1.创建对象
	var ajax = new XMLHttpRequest();
	//2.建立联系
	ajax.open('get','./ajax.php?name=张三',true);

	//3.发送请求
	ajax.send();

	//4.准备一个事件处理返回的内容
	ajax.onreadystatechange = function(){
		//这里是判断<a href="https://blog.kieng.cn/tag/ajax" title="查看更多关于 Ajax 的文章" target="_blank">Ajax</a>响应状态码 && HTTP 状态码 均为响应成功 即可执行下一步
		if(ajax.readyState== 4 && ajax.status == 200){
			var result = ajax.responseText;
			alert(result);
		}
	}
</script>

~谢谢打赏~

赏