`

Ajax 使用场景 以及优缺点

 
阅读更多

AJAX概述

1 什么是AJAX

 

AJAX(Asynchronous JavaScript And XML)翻译成中文就是“异步Javascript和XML”。即使用Javascript语言与服务器进行异步交互,传输的数据为XML(当然,传输的数据不只是XML,可以是jSon 纯文本text)。

AJAX还有一个最大的特点就是,当服务器响应时,不用刷新整个浏览器页面,而是可以局部刷新。这一特点给用户的感受是在不知不觉中完成请求和响应过程。

 

l  与服务器异步交互;

l  浏览器页面局部刷新;

 

2. 同步交互与异步交互

l  同步交互:客户端发出一个请求后,需要等待服务器响应结束后,才能发出第二个请求;

l  异步交互:客户端发出一个请求后,无需等待服务器响应结束,就可以发出第二个请求。

3. AJAX常见应用情景

 

 

当我们在百度中输入一个“传”字后,会马上出现一个下拉列表!列表中显示的是包含“传”字的10个关键字。

其实这里就使用了AJAX技术!当文件框发生了输入变化时,浏览器会使用AJAX技术向服务器发送一个请求,查询包含“传”字的前10个关键字,然后服务器会把查询到的结果响应给浏览器,最后浏览器把这10个关键字显示在下拉列表中。

l  整个过程中页面没有刷新,只是刷新页面中的局部位置而已!

l  当请求发出后,浏览器还可以进行其他操作,无需等待服务器的响应!

 

 

 

当输入用户名后,把光标移动到其他表单项上时,浏览器会使用AJAX技术向服务器发出请求,服务器会查询名为zhangSan的用户是否存在,最终服务器返回true表示名为zhangSan的用户已经存在了,浏览器在得到结果后显示“用户名已被注册!”。

l  整个过程中页面没有刷新,只是局部刷新了;

l  在请求发出后,浏览器不用等待服务器响应结果就可以进行其他操作;

 

4 AJAX的优缺点

优点:

l  AJAX使用Javascript技术向服务器发送异步请求;

l  AJAX无须刷新整个页面;

l  因为服务器响应内容不再是整个页面,而是页面中的局部,所以AJAX性能高;

缺点:

l  AJAX并不适合所有场景,很多时候还是要使用同步交互;

l  AJAX虽然提高了用户体验,但无形中向服务器发送的请求次数增多了,导致服务器压力增大;

l  因为AJAX是在浏览器中使用Javascript技术完成的,所以还需要处理浏览器兼容性问题;

分享到:
评论

相关推荐

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

    **Ajax的缺点** 1. **浏览器兼容性问题**:不同浏览器对Ajax的支持程度不同,需要编写额外代码来处理兼容性。 2. **SEO问题**:搜索引擎爬虫可能无法抓取到Ajax加载的内容,影响网站在搜索结果中的排名。 3. **页面...

    Java Ajax分页,jsp ajax分页

    本教程将深入探讨如何使用AJAX、JavaScript以及MySQL数据库来实现这一功能。 首先,我们需要了解AJAX的基本概念。AJAX允许在后台与服务器交换数据并更新部分网页内容,而无需重新加载整个页面。这通过创建...

    ajax的优点与缺点

    接下来,我们将深入探讨AJAX的优点与缺点,以及它在实际项目中的应用场景。 #### 二、AJAX的优点 1. **提高用户体验:** - **无刷新更新:** 用户在操作过程中无需等待页面重新加载,使得体验更加流畅。 - **...

    javascript框架的优缺点

    以下是对七大JavaScript框架——Dojo、Prototype、YUI、jQuery、MooTools、Script.aculo.us以及ExtJS的优缺点分析: 一、Dojo Dojo是一个功能强大的JavaScript库,具有丰富的API和工具,特别适合大型企业级应用。它...

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

    **Ajax的优缺点** **优点**: 1. **异步更新**:无需刷新整个页面,提高了用户体验。 2. **高效**:只传输必要的数据,减少了网络带宽消耗。 3. **实时性**:能够实时反馈服务器的更新,如聊天应用、动态数据展示等...

    AJAX实例使用举例

    AJAX的优缺点 **优点:** 1. 用户体验提升:页面无需刷新,只更新需要更新的部分。 2. 节省带宽:只传输必要的数据,而非整个页面。 3. 增强交互性:实时反馈,用户操作更快捷。 **缺点:** 1. 浏览器兼容性:老...

    Ajax的定义Ajax的问题

    **Ajax的定义** Ajax,全称Asynchronous JavaScript and XML,是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。...在选择使用Ajax时,应根据具体项目需求权衡其优缺点,合理应用。

    Ajax相关源码jar包下载

    **Ajax的优缺点** 优点: 1. 提升用户体验:页面无刷新,操作更加流畅。 2. 减轻服务器压力:只传输必要的数据,而非整个页面。 3. 实时性:适合实时数据更新的场景。 缺点: 1. 不利于搜索引擎优化:由于大部分...

    AJAX笔记

    AJAX的优缺点 优点: - **提高用户体验**:页面无需刷新,交互更加流畅。 - **节省带宽**:仅传输必要的数据,减少网络负载。 缺点: - **浏览器兼容性**:旧版本的浏览器可能不支持AJAX,需要额外处理。 - **SEO...

    Ajax介绍的学习文档

    五、Ajax的优缺点 优点: 1. 提高用户体验:页面无需刷新,操作更流畅。 2. 减少服务器压力:只传输必要的数据,而非整个页面。 3. 实时性:能够实现与服务器的即时通信。 缺点: 1. 浏览器兼容性:不同浏览器对...

    ajax培训视频完整版,用于就业培训的视频,由于文件过大,用百度网盘保存,让你快速学习ajax

    **Ajax的优缺点** 优点: 1. **用户体验**:提供平滑、快速的交互,无需等待整个页面刷新。 2. **效率**:仅更新必要的内容,减少了网络传输的数据量。 缺点: 1. **浏览器兼容性**:不同浏览器对Ajax的支持程度...

    Ajax 中文手册 api

    总结,Ajax中文手册是学习Ajax技术的重要参考资料,它涵盖了Ajax的基础概念、工作原理、优缺点以及实际应用,帮助开发者更好地理解和运用Ajax来提升网页的交互性和性能。通过深入学习并实践,开发者可以创建出更加...

    DWR AJAX框架(包含使用教程)

    6. **DWR的优缺点** 优点:易于使用,减少HTTP请求,提升用户体验;支持多种浏览器;提供丰富的API和控件。 缺点:可能增加服务器端的负载;如果服务器端的改变较大,可能需要大量更新客户端代码。 7. **DWR的...

    2本关于ajax经典书籍

    书中讨论了如何在Ajax中有效地使用这些数据格式,以及它们各自的优缺点。 4. **DOM操作**:Ajax的一个重要应用场景是动态更新页面元素,这就涉及到DOM(Document Object Model)的操作。书中详细介绍了如何通过...

    Ajax详细讲解

    四、Ajax的优缺点 优点: - 提升用户体验:页面无需整体刷新,操作更流畅。 - 节省带宽:仅传输需要更新的数据,而非整个页面。 - 动态交互:用户可以即时看到反馈,无需等待。 缺点: - 不利于SEO:搜索引擎爬虫...

    ajax经典源代码

    ### 二、Ajax的优缺点 **优点**: 1. 提升用户体验:页面无刷新,只更新部分区域。 2. 减轻服务器压力:只传输必要的数据,而不是整个页面。 3. 异步交互:不影响用户进行其他操作。 **缺点**: 1. 不支持浏览器...

    Ajax 小项目自己下下来看吧

    Ajax的优缺点 **优点**: - **用户体验提升**:页面无需刷新,用户感知不到后台数据的加载。 - **效率提高**:只请求和更新需要的数据,减少网络传输量。 - **异步处理**:允许在等待响应期间执行其他任务。 **...

    ajax的基本用法

    ### 二、Ajax的使用场景 1. **动态加载内容**:如分页加载、下拉刷新等,避免全页面刷新带来的用户体验损失。 2. **表单验证**:在提交前使用Ajax验证用户输入,提供即时反馈。 3. **实时更新**:如聊天应用、...

Global site tag (gtag.js) - Google Analytics