AJAX基础知识总结分享

AJAX基础知识总结
一、什么是Ajax
AJAX = 异步 JavaScript 和 XML（Asynchronous JavaScript and XML）。
简短地说，在不重载整个网页的情况下，AJAX 通过后台加载数据，并在网页上进行显示。
使用 AJAX 的应用程序案例：谷歌地图、腾讯微博、优酷视频、人人网等等。
异步刷新技术，用来在当前页面内响应不同的请求数据

①XMLHTTPRequest：
可以在不中断其他浏览器任务的情况下向服务器发送请求，实现异步刷新
②服务器上的文件以XML，HTML或JSON格式保存文本数据

二、为什么需要Ajax
1、需求：
有时候需要将本次的响应结果和前面的响应结果内容在同一个页面中显示，展现给用户
2、解决的方法：
①在后套服务器端将多次响应内容重新拼接成一个jsp页面给出响应，但是这样会造成响应内容的重复，资源浪费
②使用Ajax，在当前页面显示下次刷新的内容

<%@ page language=“java” contentType=“text/html; charset=UTF-8” pageEncoding=“UTF-8”%>

欢迎登录

---

3、ajax优点
①最大的一点是页面无刷新，给用户的体验非常好。
②使用异步方式与服务器通信，不需要打断用户操作，具有更加迅速的响应能
力。
③ajax 的原则是“按需取数据”，最大程度的减少冗余请求，减少服务器的负荷。
4、通过浏览器发送请求刷新页面的方式：
①form表单
②a标签超连接
③location
这三种方式都会更改浏览器的地址，相当于在地址栏重新写了地址，会刷新整个网页，其实是浏览器本身发送的请求
5、JS内置的AJAX引擎对象发送请求
如果是浏览器地址栏发送的请求就刷新整个页面，如果是JS内置的AJAX引擎对象发送请求，就后把当前的请求响应给这个JS
6、作用：
实现在当前结果页中显示其他请求的响应内容
7、AJAX访问原理
Ajax 的原理简单来说通过 XmlHttpRequest 对象来向服务器发异步请求，从服务器获得数据，然后用 javascript 来操作 DOM 而更新页面的局部显示
8、Ajax 的应用场景：
1.文本输入提示（自动完成）的场景(注册)
2.对数据进行联动过滤的场景(三级联动)