AJAX简介与原理

最新推荐文章于 2022-06-28 21:30:10 发布

·Mr.zuo

最新推荐文章于 2022-06-28 21:30:10 发布

阅读量351

点赞数

分类专栏： ajax简介 ajax原理日报文章标签： ajax

本文链接：https://blog.csdn.net/zuomengjia/article/details/103073231

版权

日报同时被 3 个专栏收录

13 篇文章 0 订阅

订阅专栏

ajax简介

1 篇文章 0 订阅

订阅专栏

ajax原理

1 篇文章 0 订阅

订阅专栏

AJAX，即异步JavaScript和XML，是一种无需完整加载网页即可更新内容的网页开发技术。它通过XMLHttpRequest对象实现与服务器的异步交互，改善了用户体验，避免页面刷新。本文介绍了AJAX的基本概念、工作方式，并提供了诸如百度搜索自动填充、网易邮箱注册验证等应用场景，以及对比了传统验证方式的优缺点。

摘要由CSDN通过智能技术生成

关联网址

（1）聚合数据https://www.juhe.cn/docs/api/id/39—天气
（2）JSON API免费接
http://www.bejson.com/knownjson/webInterface/

ajax简介

（1）什么是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案例

（1）百度关键词特效
例如百度搜索的自动填充功能，它可以帮助您在键入关键词时自动补充这些关键词。关键词实时变化，但页面保持不变。
在90年代早期，互联网还没有那么发达，同样的功能要求百度每次在屏幕上弹出一个新建议时都要重新加载页面。AJAX允许数据交换和表示层同时工作，而不影响彼此的功能。
随着输入关键词的不同，底下会从服务器拉取不同数据（在不刷新页面的前提下）
（2）www.163.com网易的邮箱注册
ajax在输入框失去焦点时，会把用户名传递给服务器，做查询对比。之后把查询的结果在页面上展示出来。
（3）投票及评级制度
在网上购买的产品打分或者填写过网上投票表格的都知道，无论哪种方式，这两种操作都使用AJAX。
一旦点击评级或投票按钮，网站将更新计算结果，但整个页面保持不变。
（4）聊天室
有些网站在主页上安装了一个内置的聊天室，你可以和他们的客服人员聊天。如果想同时浏览该页面，则无需担心，AJAX不会在每次发送和接收新消息时重新加载页面。
（5）微博趋势的通知
微博使用AJAX进行更新，每次有关于某些热门话题的新推文发布，微博都会在不影响主页的情况下更新新数据。