[toc]
## 1.什么是Ajax
AJAX(Asynchronous Javascript And XML)翻译成中文就是“异步的Javascript和XML”
- Ajax不是某种编程语言,而是一种在无需重新加载整个网页的情况下,能够<b>局部更新</b>网页的技术。
## 2.Ajax常见应用场景
搜索引擎根据用户输入的关键字,自动提示检索关键字。
还有一个很重要的应用场景就是注册时候的用户名的查重。
其实这里就使用了AJAX技术!当文件框发生了输入变化时,使用<b>AJAX技术向服务器发送一个请求</b>,然后服务器会把查询到的结果响应给浏览器,最后再把后端返回的结果展示出来。
* 整个过程中页面没有刷新,只是刷新页面中的局部位置而已!
* 当请求发出后,浏览器还可以进行其他操作,无需等待服务器的响应!
![](https://box.kancloud.cn/32974dc8b907d89de4143427c8d1fcb8_589x288.png)
当输入用户名后,把光标移动到其他表单项上时,浏览器会使用AJAX技术向服务器发出请求,服务器会查询名为lemontree7777777的用户是否存在,最终服务器返回true表示名为lemontree7777777的用户已经存在了,浏览器在得到结果后显示“用户名已被注册!”。
* 整个过程中页面没有刷新,只是局部刷新了;
* 在请求发出后,浏览器不用等待服务器响应结果就可以进行其他操作;
## 3.Ajax优点
* AJAX使用JavaScript技术向服务器发送异步请求;
* AJAX请求无须刷新整个页面;
* 因为服务器响应内容不再是整个页面,而是页面中的部分内容,所以AJAX性能高;
- 第一章.git
- 1-1 git基本命令
- 1-2 ssh的配置
- 1-3 版本回退
- 第二章 markdown基本语法
- 第三章 HTML
- 3-1 HTML标签概念
- 3-2 html结构
- 3-3 基本标签
- 3-4 input输入框
- 3-5 table表格
- 第四章 CSS
- 4-1 CSS基础
- 4-2 基本样式
- 4-3 选择器
- 4-4 盒子模型
- 4-5 进阶样式
- 4-6 样式继承
- 4-7 浮动
- 4-8 定位
- 4-8 水平垂直居中
- 4-9 特殊情况
- 4-10 表单
- 4-11 2D效果
- 4-12 BFC
- 第五章 JavaScript笔记
- 5-1JS基础
- 5-2 DOM介绍
- 5-3 DOM操作详解
- 5-4 JSON详解
- 第六章 jQuery
- 6-1 jQuery概述
- 6-2 jQuery选择器
- 6-3 jQuery常用操作
- 第七章 AJAX
- 7-1 原生ajax
- 7-2 http,get,post
- 7-3 跨域
- 7-4 jQuery-ajax
- Web前端命名规范