Ajax原理以及优缺点

简介: 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. 不容易调试。

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


相关文章
|
7月前
|
前端开发 搜索推荐 JavaScript
ajax的优缺点?
ajax的优缺点?
73 0
|
7月前
|
XML 前端开发 JavaScript
ajax原理是什么?如何实现?
ajax原理是什么?如何实现?
104 0
|
3月前
|
XML 前端开发 JavaScript
ajax运行原理
AJAX(Asynchronous JavaScript and XML)是一种使网页能够在不重新加载整个页面的情况下与服务器异步通信的技术。尽管名字中有“XML”,但它支持多种数据格式,如JSON、HTML和纯文本。用户行为触发AJAX请求后,通过创建`XMLHttpRequest`对象或使用现代浏览器中的`fetch` API来配置并发送HTTP请求。请求完成后,可以通过回调函数处理服务器返回的数据,更新网页内容。现代JavaScript推荐使用更简洁强大的`fetch` API来实现AJAX功能,广泛应用于动态网页和单页应用中,提升用户体验。
|
7月前
|
XML 负载均衡 前端开发
ajax的优缺点有哪些?
ajax的优缺点有哪些?
62 1
|
7月前
|
数据采集 前端开发 JavaScript
Python爬虫之Ajax数据爬取基本原理#6
Ajax数据爬取原理【2月更文挑战第19天】
105 1
Python爬虫之Ajax数据爬取基本原理#6
|
7月前
|
前端开发 搜索推荐 JavaScript
AJAX和CSR的优缺点是什么
AJAX和CSR的优缺点是什么
60 1
|
7月前
|
前端开发 搜索推荐 JavaScript
Flash、Ajax各自的优缺点,在使用中如何取舍
Flash、Ajax各自的优缺点,在使用中如何取舍
82 0
N..
|
7月前
|
XML JSON 前端开发
jQuery实现Ajax
jQuery实现Ajax
N..
75 1
|
7月前
|
XML 前端开发 JavaScript
jQuery中ajax如何使用
jQuery中ajax如何使用
94 0
|
6月前
|
前端开发 JavaScript
杨校老师课堂之基于Servlet整合JQuery中的Ajax进行表单提交[基于IDEA]
杨校老师课堂之基于Servlet整合JQuery中的Ajax进行表单提交[基于IDEA]
54 0