前言:
此刻姐妹们对“ajax的了解”大体比较看重,咱们都想要分析一些“ajax的了解”的相关资讯。那么小编也在网摘上收集了一些有关“ajax的了解””的相关资讯,希望你们能喜欢,小伙伴们快快来了解一下吧!1.1 概念:
异步 JavaScript 和 xml 。是一种创建交互式网页应用的开发技术,是多个技术的组合。
1.2 特点:
不用刷新当前网页,就可以完成数据的更新(局部更新网页)。
1.3 可以做什么?
注册用户名验证;
登陆失败不跳转页面;
省市区的联动
图片的延时加载
1.4 异步 与 同步:
>> JS 的执行环境-单线程:只有一个线程,也就是一次只能做一件事。如果有多个任务,就必须排队,前面的任务完成后,再执行下一个任务。
>> 为了解决这个问题:JS 将任务分为: 同步 与 异步。
>> 同步任务:程序的执行顺序与代码 顺序有关。
>> 异步任务:每一个任务有一个或者多个回调函数,前一个任务结束后,不是执行后一个任务,而是执行回调函数,后一个任务也不会等待前一个任务结束再执行,所以程序的执行顺序与任务排列顺序无关,哪一个任务先执行完毕是无法确认的。
>> 异步操作包含哪些:
计时器
事件监听
读写文件
AJAX
1.5 AJAX 原理(步骤):
第一步: 获取 HTTP 对象
const http;
if(window.XMLHttpRequest) { // chrome
http = new XMLHttpRequest();
} else if(window.ActiveXObject) { // IE
http = new ActiveXObject("Microsoft.XMLHTTP");
} else {
console.log("当前浏览器不支持");
}
第二步:监听状态的改变
http.onreadystatechange = function() {
if(http.readyState == 4 && http.status == 200) {
// 请求成功
} else {
console.log("请求失败");
}
}
第三步:请求类型
http.open(请求类型, 请求地址, 同步或者异步)
第四步:发送请求
http.send(data);
标签: #ajax的了解