前端必知词汇:Ajax

简介: Ajax 即 “Asynchronous JavaScript And XML” (异步 JavaScript 和 XML) ,是指一种创建交互式网页应用的网页开发技术。Ajax 在浏览器与 Web 服务器之间使用异步数据传输 (HTTP 请求) ,这样就可使网页从服务器请求少量的信息,而不是整个页面。而传统的网页 (不使用 Ajax) 如果需要更新内容,必须重载整个网页页面。

Ajax 即 “Asynchronous JavaScript And XML” (异步 JavaScript 和 XML) ,是指一种创建交互式网页应用的网页开发技术。Ajax 在浏览器与 Web 服务器之间使用异步数据传输 (HTTP 请求) ,这样就可使网页从服务器请求少量的信息,而不是整个页面。而传统的网页 (不使用 Ajax) 如果需要更新内容,必须重载整个网页页面。

Outlook Web Access 是第一个应用了 Ajax 技术的成功的商业应用程序。Ajax其本身不是一种新技术,而是一个在 2005年被Jesse James Garrett提出的新术语,用来描述一种使用现有技术集合的‘新’方法,包括: HTML or XHTML, Cascading Style Sheets, JavaScript, The Document Object Model, XML, XSLT, 以及最重要的 XMLHttpRequest object。当使用结合了这些技术的AJAX模型以后,网页应用能够快速地将增量更新呈现在用户界面上,而不需要重载 (刷新) 整个页面。这使得程序能够更快地回应用户的操作。Google 在它很多著名的交互应用程序中使用了异步通讯,如Google、Google 地图、Google 搜索建议、Gmail等。

Ajax的最大优点,就是能在不更新整个页面的前提下维护数据。这使得Web应用程序更为迅捷地回应用户动作,并避免了在网络上发送那些没有改变的信息。它不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。 但它同时也有无法将状态加入收藏或书签,网络延迟等弊端。

资料来源:
[1] “Ajax: A New Approach to Web Applications” Jesse James Garrett, 2007.
[2] Ajax Documentation

目录
相关文章
|
1月前
|
XML 前端开发 JavaScript
AJAX 前端开发利器:实现网页动态更新的核心技术
**AJAX** 允许网页在不刷新的情况下更新内容,实现异步与服务器交换数据。通过JavaScript的XMLHttpRequest对象,可发送和接收数据。当用户触发事件(如点击),函数向服务器发送GET请求,服务器响应后更新指定HTML部分。AJAX并非编程语言,而是利用浏览器内置对象、JavaScript和DOM技术。核心是XMLHttpRequest对象,它有多种方法(如`open()`和`send()`)和属性(如`onreadystatechange`、`readyState`和`status`)来处理请求和响应。
57 2
AJAX 前端开发利器:实现网页动态更新的核心技术
|
6月前
|
JSON 前端开发 JavaScript
前端AJAX入门到实战,学习前端框架前必会的(ajax+node.js+webpack+git)(一)
前端AJAX入门到实战,学习前端框架前必会的(ajax+node.js+webpack+git)(一)
520 0
|
4月前
|
JSON 前端开发 JavaScript
前端知识笔记(三十七)———Django与Ajax
前端知识笔记(三十七)———Django与Ajax
27 0
|
4月前
|
JSON 前端开发 JavaScript
前端知识笔记(二)———Django与Ajax
前端知识笔记(二)———Django与Ajax
28 0
|
5月前
|
JSON 前端开发 数据格式
ajax请求解析json数据渲染在前端界面
ajax请求解析json数据渲染在前端界面
26 0
|
5月前
|
JSON 前端开发 数据格式
【前端统计图】echart多条折线图ajax请求json数据
【前端统计图】echart多条折线图ajax请求json数据
25 0
|
5月前
|
JSON 前端开发 数据格式
【前端统计图】echart折线图ajax请求json数据
【前端统计图】echart折线图ajax请求json数据
27 0
|
8月前
|
前端开发 JavaScript
前端——JavaScript获取系统时间以及通过ajax获取服务器时间
前端——JavaScript获取系统时间以及通过ajax获取服务器时间
|
8月前
|
Web App开发 前端开发 JavaScript
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber解决了什么问题
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber解决了什么问题
95 0
|
8月前
|
前端开发 定位技术
前端学习笔记202305学习笔记第二十三天-地图单线程配置
前端学习笔记202305学习笔记第二十三天-地图单线程配置
64 0
前端学习笔记202305学习笔记第二十三天-地图单线程配置