了解Ajax基础

1、什么是Ajax？

Ajax即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。

Ajax = 异步 JavaScript和XML（标准通用标记语言的子集）。

Ajax 是一种用于创建快速动态网页的技术。

通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

传统的网页（不使用 Ajax）如果需要更新内容，必须重载整个网页页面。

2、Ajax开发模式与传统开发模式有什么不同？

传统的开发模式和ajax开发模式比较：

传统的开发模式：用户的每一次操作都触发一次返回服务器的HTTP请求，服务器做出处理后，返回一个html页面给用户。



ajax开发模式：页面将用户的操作通过ajax引擎与服务器进行通信，将返回的结果给ajax引擎，然后ajax将数据插入指定位置。

3、XMLHttpRequest 对象

所有现代浏览器均支持 XMLHttpRequest 对象（IE5 和 IE6 使用 ActiveXObject）。

XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

4、Ajax编写过程

1、创建ajax对象：XMLHttpRequest()

2、连接服务器：open()

3、发送请求：send()

4、接收返回值：onreadystatechange事件、readyState属性：请求状态、status属性：请求结果、responseText

readyState属性，请求状态数值含义如下：

0 （未初始化）还没有调用open()方法

1 （载入）已调用send()方法，正在发送请求

2 （载入完成）send()方法完成，已收到全部响应内容

3 （解析）正在解析响应内容

4 （完成）响应内容解析完成，可以在客户端调用了

5、HTTP请求方法

GET——主要用于获取数据（如：浏览帖子）：不安全，放到url里面传递信息，通过网址传递，容易出错，因为有大小限制：4-10k,有缓存；

POST——用于上传数据（如：用户注册）：稍微安全一些，不通过网址url，可以传大文件，2G，没有缓存。

GET方式与POST方式的区别：

1.本质：

Get是向服务器发索取数据的一种请求，而Post是向服务器提交数据的一种请求。

2.服务器端获取值的方法：

get方式提交的数据，服务器端使用request.QueryString获取变量的值；

post方式提交的数据，服务器端使用request.Form获取数据。

3.安全性：

get方式安全性低，post方式较安全。但是post方式执行效率要比get方式差一些。

4.机制：

get是把参数数据队列加到提交表单的action属性所指的URL中，在URl中，值和表单各个字段一一对应，并且这些在URl中对用户来说是可见的，即用户是可以看到的。

post是通过HTTP post机制，将表单内各个字段与其内容放置在HTML HEADER内一起传送到action属性所指的URL地址，对于用户来说，这是透明的。

5.大小与缓存

get方式有大小限制，4-10k,有缓存；

post方式可以传大文件，2G，没有缓存。