初识AJAX

AJAX简介

AJAX（Asynchronous JavaScript And XML):异步的JS和XML，通过AJAX可以在浏览器中向服务器发送异步请求，可以无刷新获取数据（懒加载）。通俗的理解，就是在网页中利用XMLHttpRequest 对象和服务器进行数据交互的方式。AJAX不是一种新的编程语言，而是一种将现有的标准组合在一起使用的新方式。

Ajax的应用场景

（1）页面上拉加载更多数据；
（2）列表数据无刷新分页（根据页码值动态刷新表格的数据）；
（3）表单项离开焦点数据验证（例：用户名检测，动态检测用户名是否被占用）；
（4）搜索框提示文字下拉列表；
（5）数据的增删查改；

AJAX运行环境

Ajax技术需要运行在网页环境中才能生效

优点：
（1）无需刷新页面就可以与服务端进行通信；
（2）可以根据用户事件（鼠标事件等）来更新部分页面内容。
缺点：
（1）对搜索引擎（SEO）不友好，爬虫爬不到；
（2）存在跨域问题（同源）；
（3）没有浏览历史，不能回退。

传统网站中存在的问题

网速慢的情况下，页面加勒时间长。用户只能等待
表单提交后，如果一项内容不合格。需要重新填写所有表单内容页面跳转,重新加载页面，造成资源浪费。增加用户等待时间

服务器：上网过程中，负责存放和对外提供资源的电脑；
客户端：负责获取和消费资源的电脑；

URL地址：
URL地址的概念：URL(全称是UniformResourceLocator)中文叫统一资源定位符，用于标识互联网上每个资源的唯一存放位置。浏览器只有通过URL地址，才能正确定位资源的存放位置，从而成功访问到对应的资源。
URL地址一般由三部组成:
（1）客户端与服务器之间的通信协议；
（2）存有该资源的服务器名称；
（3）资源在服务器上具体的存放位置

客户端与服务器的通信过程：

如果要在网页中请求服务器上的数据资源，则需要用XMLHttpRequest对象。
XMLHttpRequest(简称xhr)是浏览器提供的js成员，通过它，可以请求服务器上的数据资源。
最简单的用法 var xhrObj = new XMLHttpRequest（）
资源的请求方式：
客户端请求服务器时，请求的方式有很多种，最常见的两种请求方式分别为get和 post请求。
get 请求通常用于获取服务端资源（向服务器要资源)
例如:根据URL地址，从服务器获取HTML文件、css文件、js文件、图片文件、数据资源等；
post请求通常用于向服务器提交数据(往服务器发送资源)
例如:登录时向服务器提交的登录信息、注册时向服务器提交的注册信息、添加用户时向服务器提交的用户信息等各种数据提交操作