AJAX入门

目录

1.引入

2.Ajax介绍

2.1概述

2.2为什么需要使用AJAX技术

2.3特点

2.4应用场景

2.5运行原理

3.JQuery的AJAX

jQuery之AJAX方法的属性大全

 原生态AJAX实现流程

---

1.引入

传统网站中存在的问题

• 网速慢的情况下，页面加载时间长，用户只能等待

• 表单提交后，如果一项内容不合格，需要重新填写所有表单内容

• 页面跳转，重新加载页面，造成资源浪费，增加用户等待时间。

2.Ajax介绍

传统项目前后端不分离，用户触发一个http请求服务器，然后服务器接收之后，在做出响应到用户，并且返回一个新的页面，也就是说交互都是通过页面刷新或页面跳转来实现。

	这样的方式对于用户体验来将其实并不友好，少量的数据更新也会引发整个页面重新请求，浪费了很大一部分资源。
	
	因此，我们希望有一种更好的方式，可以不用重新请求整个页面而达到更新部分数据的效果。
	
	2005年，AJAX（Asynchronous Javascript And XML）横空出世，给前端行业带来了巨大的变化与革新。

2.1概述

Ajax(Asynchronous JavaScript and XML) 异步JavaScript和XML

Ajax实际上是下面这几种技术的融合：

• (1)XHTML和CSS的基于标准的表示技术

• (2)DOM进行动态显示和交互

• (3)XML和XSLT进行数据交换和处理

• (4)XMLHttpRequest进行异步数据检索

• (5)Javascript将以上技术融合在一起

是浏览器提供的一套方法，可以实现页面无刷新更新数据，提高用户浏览网站应用的体验。  

2.2为什么需要使用AJAX技术

在我们之前的开发，每当用户向服务器发送请求，哪怕只是需要更新一点点的局部内容，服务器都会将整个页面进行刷新。

• 性能会有所降低(一点内容，刷新整个页面！)

• 用户的操作页面会中断(整个页面被刷新了)<