Ajax的原理简单来说
通过XmlHttpRequest对象来向服务器发异步请求,从服务器获得数据,然后用javascript来操作DOM而更新页面。这其中最关键的一步就是从服务器获得请求数据
1、创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
可以使用vscode快捷键:new 选择异步对象实现
2.设置请求方式建立连接
xhr.open(请求的方式, 请求的url地址)
xhr.open('get', 'common/getCurrentTime');
3、设置回调函数
xhr.onload = function() {
console.info('从服务器返回的数据', xhr.responseText);
};
4、发送请求
发送请求 xhr.send()
同步:同步任务指的是
在主线程上排队执行的任务,只有前一个任务执行完毕,才能执行后一个任务。
异步:不进入主线程、而进入"任务队列"(task queue)的任务,只有等主线程任务执行完毕,"任务队列"开始通知主线程,请求执行任务,该任务才会进入主线程执行。