AJAX简介与原理

AJAX(异步JavaScript和XML)是一种创建交互式网页应用的技术,允许在无需刷新整个页面的情况下更新内容。起源于90年代中期,由谷歌在邮件和地图应用中推广。它通过XMLHttpRequest对象实现异步数据交换,提高了用户体验,减少了流量和操作时间。本文介绍了AJAX的工作原理,对比了传统验证与AJAX验证的优缺点,并提供了百度关键词自动填充的案例。
摘要由CSDN通过智能技术生成

什么是AJAX?

正如之前所说,Ajax 即Asynchronous Javascript And XML(异步 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术(←本质)。

Ajax = 异步 JavaScript 和 XML或HTML (标准通用标记语言的子集)

工作实现原理:JavaScript和XML在AJAX中都是异步工作的,因此,任何使用AJAX的web应用程序都可以从服务器发送和检索数据,至此便无需重新加载整个网页的情况下,能够更新部分网页的技术。

起源:
AJAX概念实际上是从90年代中期开始出现的,然而,当谷歌在2004年开始在谷歌邮件和谷歌地图上引入这个概念,这种技术可以从服务器请求数据,而无需重新加载页面,这样会带来更好的客户体验。一时间,席卷全球。
命名:
AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML),前端开发里一般叫阿贾克斯。
最大特点:页面不刷新

ajax案例

百度关键词特效
例如百度搜索的自动填充功能,它可以帮助您在键入关键词时自动补充这些关键词。关键词实时变化,但页面保持不变。
在90年代早期,互联网还没有那么发达,同样的功能要求百度每次在屏幕上弹出一个新建议时都要重新加载页面。AJAX允许数据交换和表示层同时工作,而不影响彼此的功能。

传统验证方式

传统方式用户名验证
在这里插入图片描述传统验证方式缺点
(1)耗费流量:其他数据反复提交给服务器
(2)耗费时间较长:多次提交耗时
(3)用户体验差:仅仅因为用户名验证失败,导致整个页面重新记载,其他数据就又得重新填写。

AJAX验证方式

AJAX方式用户名验证
在这里插入图片描述
AJAX验证方式优点
(1)节省流量:只传递需要验证的数据(用户名)
(2)节省操作时间,可以快速提示错误并进行修改
(3)用户体验好,页面不刷新

简介
分析:ajax语言载体和核心技术是javascript;XML主要用于保存和传输数据,就是可与服务器进行异步或者同步交互一门技术,很大程度上改变了WEB开发的格局,在常见的社交网站、地图等均应用了ajax技术。
不是某种编程语言,是一种在无需重新加载整个网页的情况下能够更新部分页面内容的技术。

ajax是如何工作的?

首先要明确一点,AJAX是一种技术,不是一种编程语言。如前所述,AJAX是一组web开发技术,该系统一般包括:
1、HTML/XHTML为主要模板标签语言,CSS为表示形式。
2、用于动态显示数据及其交互的文档对象模型(DOM)。
3、用于数据交换的XML和用于操作的XSLT,许多开发人员已经开始用JSON替代,因为JSON在形式上更接近JavaScript。
4、用于异步通信的XMLHttpRequest—XHR对象
最后,JavaScript编程语言将所有这些技术结合在一起。
AJAX工作的一般过程非常简单,参考下面图表
在这里插入图片描述小结:抛开定义不谈,使用AJAX的最大好处是它简化了用户体验。访问者不需要等待很长时间就可以访问内容。
AJAX工作的一般过程非常简单,参考下面图表
在这里插入图片描述完毕有什么问题随时联系

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值