`
aa8945163
  • 浏览: 275425 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

ajax技术原理及优缺点

阅读更多
一般ajax的请求:

•request就代表html页面的一次渲染过程
•首先给页面的一块区域渲染一块空的div id=A内容和一块div id=B的内容
•浏览器继续渲染页面的其他内容
•在页面底部执行具体的js时,发起div id=A的请求,等A返回后填充对应的div内容,发起div id=B的请求,返回后同样填充。
说明:不同浏览器有不同的机制,默认执行js都是串行处理。

结合ajax的思路,异步并行加载机制在原理设计上有点不同,就是针对ajax的请求发起都是并行的。

异步并行机制的优点:

1.继承了ajax异步加载的优点
2.增加了并行加载的特性
相比于ajax的其他优势:

1.同时不会对页面seo有任何的影响,页面输出时都是一次性输出html页面
2.减少了ajax异步发起的http请求
3.两块代码的资源不会存在重复请求,允许进行资源共享


使用ajax的几个缺陷:



1.功能代码需进行重构,按照页面需求进行分块处理。 一次ajax请求返回一块的页面数据
2.数据重复请求。因为代码是分块,两次ajax中获取的member对象等,可能就没法共用,会造成重复请求。
3.ajax加载对seo不优化,公司还是比较注重seo,因为这会给客户带来流量价值,而且是免费的流量。
4.ajax技术本身存在一些磕磕碰碰的点: 跨域问题,返回数据问题,超时处理等。

5.ajax处理需要有嵌入性,每个开发都需要按照ajax特有的规范或者机制进行编码,有一定的约束
分享到:
评论

相关推荐

    Ajax工作原理以及优缺点

    ### Ajax工作原理及优缺点详解 #### 一、Ajax的工作原理 Ajax(Asynchronous JavaScript and XML,异步JavaScript和XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。这种技术的核心在于使用`...

    Ajax工作原理及优缺点实例解析

    ### Ajax工作原理及优缺点实例解析 #### 一、什么是Ajax? Ajax,全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是一种利用现有Web技术进行开发的技术组合,主要用于实现客户端与服务器之间...

    AJAX工作原理及优缺点详解

    **AJAX(Asynchronous JavaScript and XML)**是一种...同时,随着新技术的发展,如 Fetch API 和现代前端框架(如 React、Vue、Angular),AJAX 的一些缺点已被逐步克服,但其基本原理仍然广泛应用于网页交互设计中。

    浅析Ajax的 原理及优缺点

    **Ajax技术的原理** 1. **异步通信**:Ajax的核心是XMLHttpRequest对象,它在后台与服务器交换数据,使得用户界面可以持续响应。当用户与页面交互时,XMLHttpRequest对象可以在后台发送请求并接收响应,而不会阻塞...

    ajax 基本原理 ajax 基本原理

    为了解决这些问题,Ajax技术应运而生。 #### 二、Ajax概述 Ajax(Asynchronous JavaScript and XML)是一种用于创建更快、更动态的Web应用程序的技术。尽管名称中包含XML,但Ajax实际上可以使用任何数据格式,如...

    浅谈AJAX 技术与优缺点

    ### 浅谈 AJAX 技术及其优缺点 #### 一、AJAX 技术简介 AJAX(Asynchronous JavaScript and XML)是一种用于构建交互式 Web 应用的技术,它允许 Web 页面无需重新加载整个页面即可动态地更新部分数据。这项技术最...

    什么是Ajax?Ajax的优缺点共2页.pdf.zip

    **Ajax的工作原理:** 1. **创建XMLHttpRequest对象**:Ajax的基础是浏览器提供的XMLHttpRequest对象,它是与服务器通信的关键。 2. **初始化连接**:使用XMLHttpRequest对象的open()方法,指定请求类型(GET或POST...

    AJAX技术学习总结分享.pdf

    一、Ajax技术原理总结 Ajax技术是一种创建交互式网页应用的网页开发技术,也是一种用于创建快速动态网页的技术。它通过在后台与服务器进行少量数据交换,AJAX可以使网页实现异步更新。这意味着可以在不重新加载...

    什么是Ajax?Ajax的优缺点.docx

    **Ajax的工作原理** 1. **JavaScript**:在用户与网页交互时,JavaScript会监听用户的动作,如点击按钮等,然后触发Ajax请求。 2. **XMLHttpRequest**:这是Ajax的核心,它创建一个后台连接到服务器,允许...

    AJAX技术入门 ajax运行原理

    **AJAX技术入门:了解其运行原理** AJAX(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。这种技术通过在后台与服务器进行少量数据交换,使得网页实现异步更新,极...

    AJAX工作原理及其优缺点.docx

    **AJAX(Asynchronous JavaScript and XML)**是一种创建动态网页的技术,允许在不重新加载整个页面的情况下,与服务器交换数据并局部更新页面内容。它的核心组件包括JavaScript、XMLHttpRequest对象、DOM(Document...

    AJAX技术和原理分析

    ### AJAX技术和原理分析 #### 一、概述 随着互联网技术的发展,用户对于网页应用的交互性和实时性提出了更高的要求。AJAX(Asynchronous JavaScript and XML)作为一种新兴的技术,能够实现网页的部分更新,无需...

    A用Ajax技术构建浏览器客户端通讯机制.pdf

    在本文中,我们将介绍传统的HTML表单提交方式的缺陷,然后介绍Ajax技术的原理和优缺点,并对比传统的HTML表单提交方式和Ajax技术的优缺点,最后提出基于Ajax技术构建浏览器客户端通讯机制的方法。 在Ajax技术中,...

    ajax技术简介

    主要介绍了AJAX技术的发展史,工作原理,优缺点及其发展前景,仅供参考,谢谢!

    ajax详解教程讲述ajax原理

    Ajax 详解教程讲述 Ajax 原理 Ajax 是一种异步 JavaScript 和 XML 技术,允许 Web 应用程序实时更新页面内容,而不需要重新加载整个页面。Ajax 技术的核心是使用 XMLHttpRequest 对象异步地从服务器获取数据,并...

    Ajax原理及例题

    **Ajax(Asynchronous JavaScript...总的来说,Ajax技术极大地提升了网页的交互性和用户体验,是现代Web开发不可或缺的一部分。在实际项目中,开发者应根据需求选择适合的Ajax实现方式,同时注意处理兼容性和错误情况。

    Ajax原理与系统开发》源码

    **Ajax原理详解** Ajax,全称为"Asynchronous JavaScript and XML",是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。Ajax的核心是JavaScript对象XMLHttpRequest,它允许在后台与服务器交换数据并...

    ajax 技术的一些学习

    **Ajax技术详解** Ajax,全称为“异步JavaScript和XML”,是一种在无需刷新整个网页的情况下,能够更新部分网页内容的技术。这项技术自2005年被广泛采用以来,极大地提升了网页应用程序的用户体验,因为它允许数据...

Global site tag (gtag.js) - Google Analytics