前端必知词汇: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

目录
相关文章
|
5月前
|
XML 前端开发 JavaScript
AJAX 前端开发利器:实现网页动态更新的核心技术
**AJAX** 允许网页在不刷新的情况下更新内容,实现异步与服务器交换数据。通过JavaScript的XMLHttpRequest对象,可发送和接收数据。当用户触发事件(如点击),函数向服务器发送GET请求,服务器响应后更新指定HTML部分。AJAX并非编程语言,而是利用浏览器内置对象、JavaScript和DOM技术。核心是XMLHttpRequest对象,它有多种方法(如`open()`和`send()`)和属性(如`onreadystatechange`、`readyState`和`status`)来处理请求和响应。
112 2
AJAX 前端开发利器:实现网页动态更新的核心技术
|
5月前
|
前端开发
解决前端ajax跨域请求不携带cookie信息JSESSIONID的问题
解决前端ajax跨域请求不携带cookie信息JSESSIONID的问题
|
1月前
|
前端开发 API UED
Python后端与前端交互新纪元:AJAX、Fetch API联手,打造极致用户体验!
Python后端与前端交互新纪元:AJAX、Fetch API联手,打造极致用户体验!
71 2
|
4天前
|
前端开发 JavaScript
回顾前端页面发送ajax请求方式
回顾前端页面发送ajax请求方式
29 18
|
1月前
|
JSON 前端开发 JavaScript
跨越跨域大山,前端不得不知道的Ajax
该文章介绍了AJAX技术的基本使用方法,包括GET和POST请求的模拟,并探讨了浏览器同源策略及其对跨域请求的影响,同时还提出了JSONP和CORS作为解决跨域问题的方案。
|
3月前
|
前端开发 API UED
Python后端与前端交互新纪元:AJAX、Fetch API联手,打造极致用户体验!
【7月更文挑战第15天】Python后端(Django/Flask)与前端通过AJAX或Fetch API实现异步交互,提升Web应用体验。Python提供强大的后端支持,AJAX用于不刷新页面的数据交换,Fetch API作为现代标准,基于Promise简化HTTP请求。结合两者,构建高效、流畅的交互系统,优化响应速度和用户体验,开启Web开发新篇章。
77 5
|
3月前
|
前端开发 JavaScript API
告别‘老司机’时代,AJAX与Fetch API让你的前端与Python后端无缝对接!
【7月更文挑战第14天】前端与后端交互的关键技术是AJAX和Fetch API。AJAX允许不刷新页面更新内容,而Fetch API提供了Promise基
54 0
|
4月前
|
JSON 前端开发 JavaScript
前端Ajax、Axios和Fetch的用法和区别笔记
前端Ajax、Axios和Fetch的用法和区别笔记
84 2
|
5月前
|
JSON 前端开发 JavaScript
前端知识笔记(三十七)———Django与Ajax
前端知识笔记(三十七)———Django与Ajax
51 0
|
5月前
|
JSON 前端开发 JavaScript
前端知识笔记(二)———Django与Ajax
前端知识笔记(二)———Django与Ajax
58 0