简述 原生ajax 的交互原理,以及同步和异步的区别

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)的任务,只有等主线程任务执行完毕,"任务队列"开始通知主线程,请求执行任务,该任务才会进入主线程执行。

发布了68 篇原创文章 · 获赞 0 · 访问量 1288

猜你喜欢

转载自blog.csdn.net/zmmsdk/article/details/103417626