• 七牛的JS SDK 的文档真坑啊.
  • 蓝奏云分享部分地区无法访问需手动修改www.lanzous.com变为:www.lanzoux.com
  • 好气啊~原来使用的CDN服务商莫名其妙的给我服务取消了~
  • 遇见一个沙雕汽车人.
  • 换了证书看看测试一下效果~
  • 煞笔!啥时候开工资?
  • 哪位小垃圾CC我呢?一位来自湖南的小垃圾!反正我流量无限的这样也没意义啊?
  • 测试一哈
  • 丫的Google抓取不到..换CF吧..
  • 告诉大家一个小秘密.域名后面加上 /siwa 发现不一样的世界…

Mr.F – 纳尼?Ajax不是一种语言 而是一种技术?

WEB前端 Mr.F 2年前 (2018-09-21) 125114次浏览 已收录 0个吐槽 扫描二维码

什么是 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>
以上内容为Ajax简介 以及 最基本的异步请求步骤,仅供入门参考,大牛勿喷

KIENG , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA 4.0协议进行授权
转载请注明出处:Mr.F – 纳尼?Ajax 不是一种语言 而是一种技术?
本文章链接:https://blog.kieng.cn/199.html
喜欢 (0)
Mr.F
关于作者:
这个人很帅,什么都没有留下。
发表我的评论
取消评论
表情 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 快速获取昵称
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址