龙空技术网

AJAX简单认识

你好她的未来 192

前言:

此刻姐妹们对“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的了解