Ajax原理以及优缺点

第10086个小白2023-12-14 9:26

Ajax原理

1.Ajax 的原理简单来说是在用户和服务器之间加了---个中间层(AJAX 引擎)，通过XmlHttpRequest 对象来向服务器发异步请求，

2.从服务器获得数据，然后用javascript 来操作DOM 而更新页面。使用户操作与服务器响应异步化。

3.这其中最关键的一步就是从服务器获得请求数据

4.Ajax 的过程只涉及JavaScript 、XMLHttpRequest 和DOM 。XMLHttpRequest是ajax的核心机制

下面是代码

javascript 复制代码

/** 1. 创建连接 **/
var xhr = null;
xhr = new XMLHttpRequest()
/** 2. 连接服务器 **/
xhr.open('get', url, true)
/** 3. 发送请求 **/
xhr.send(null);
/** 4. 接受请求 **/
xhr.onreadystatechange = function(){
	if(xhr.readyState == 4){
		if(xhr.status == 200){
			success(xhr.responseText);
		} else { 
			/** false **/
			fail && fail(xhr.status);
		}
	}
}

ajax有哪些优缺点那？

优点

通过异步模式，提升了用户体验.

优化了浏览器和服务器之间的传输，减少不必要的数据往返，减少了带宽占用.

ajax在客户端运行，承担了一部分本来由服务器承担的工作，减少了大用户量下的服务器负载。

ajax可以实现动态不刷新（局部刷新）
缺点

安全问题 AJAX暴露了与服务器交互的细节。

对搜索引擎的支持比较弱。

不容易调试。

到这里也就结束了希望对您有所帮助。