Ajax原理以及优缺点

Ajax原理

1.Ajax的原理简单来说是在用户和服务器之间加了—个中间层(AJAX引擎),通过XmlHttpRequest对象来向服务器发异步请求,
2.从服务器获得数据,然后用javascript来操作DOM而更新页面。使用户操作与服务器响应异步化。
3.这其中最关键的一步就是从服务器获得请求数据
4.Ajax的过程只涉及JavaScriptXMLHttpRequestDOMXMLHttpRequest是ajax的核心机制

下面是代码

/** 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有哪些优缺点那?

优点

  1. 通过异步模式,提升了用户体验.
  2. 优化了浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占用.
  3. ajax在客户端运行,承担了一部分本来由服务器承担的工作,减少了大用户量下的服务器负载。
  4. ajax可以实现动态不刷新(局部刷新)

缺点

  1. 安全问题 AJAX暴露了与服务器交互的细节。
  2. 对搜索引擎的支持比较弱。
  3. 不容易调试。

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

在这里插入图片描述

相关推荐

  1. ajax优缺点

    2023-12-13 20:00:03       27 阅读
  2. ajax优缺点有哪些?

    2023-12-13 20:00:03       16 阅读
  3. 使用Ajax优点

    2023-12-13 20:00:03       11 阅读
  4. OneFlow概念清单、以及优缺点

    2023-12-13 20:00:03       10 阅读
  5. Ajax 请求的原理

    2023-12-13 20:00:03       40 阅读

最近更新

  1. TCP协议是安全的吗?

    2023-12-13 20:00:03       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-13 20:00:03       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-13 20:00:03       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-13 20:00:03       18 阅读

热门阅读

  1. HTTPS双向认证

    2023-12-13 20:00:03       47 阅读
  2. Springboot 全局时间格式化

    2023-12-13 20:00:03       42 阅读
  3. 车载ECU的发展趋势

    2023-12-13 20:00:03       37 阅读
  4. PyPDF2库对PDF实现读取的应用

    2023-12-13 20:00:03       41 阅读
  5. Android:FragmentHostCallback

    2023-12-13 20:00:03       44 阅读
  6. 挑战52天学小猪佩奇笔记--day19

    2023-12-13 20:00:03       39 阅读