• 妈的,写之前不说,写完了了你说不行.中途我还问你你说对.你真是中国第一Monkey
  • 沃妮马,过的真快!转眼又上班了.等待十月一.
  • 还有1天就是端午节了.过的真快, 在这个公司工作半年啦..
  • 咦~哪个弟弟CC我呢?
  • 简单,简单.我提个思路.
  • 不算今天还有2天就放假了.
  • 一切随缘,随波逐流.
  • 我的天啊,手欠把写了两天的项目删除了,回收站都没有!真是一干二净!心态爆炸!
  • 如果您需要随机数,请使用 random_int(). 如果需要随机字节字符串,请使用 random_bytes(). 所以不要使用 mt_rand(), rand(), 或 uniqid() .
  • 五一过去的真快

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

JavaScript Mr.F 1年前 (2018-09-21) 56316次浏览 已收录 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,您需要填写昵称和邮箱!

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