动画 表单提交 表单序列化 AJAX介绍 AJAX原理 原生AJAX

1.动画

animate自定义动画
$(selector).animate({params},speed,callback)
必需的params参数定义形成动画的css属性
可选的speed参数规定效果的时长。它可以取以下值：slow、fast或毫秒数。
可选的callback参数时动画完成后所执行的函数名称。

2.表单提交

2.1get请求

get() 方法通过 HTTP GET 请求从服务器上请求数据。

2.2post提交

post() 方法通过 HTTP POST 请求向服务器提交数据。

2.3表单提交的原则

表单提交主要是通过表单元素的name=value进行数据传递的，但是表单提交时需要注意以下原则：
1.name相同的表单提交格式
2.没有name的表单、含有disable的表单元素
表单元素没有name属性、含有disable属性都会被禁止提交
3.radio、checkbox选中值却没有value属性

3.表单序列化

表单序列化的两种方式serialize()和serializaArray()

3.1serialize()

serialize()方法通过序列化表单值创建URL编码文本字符串。
你可以选择一个或多个表单元素（如输入或文本区），或表单元素本身。
序列化的值可以生成AJAX请求时用于URL查询字符串中。
语法：
$(selector).serialize();

3.2serializaArray()

serializaArray()方法通过序列化表单值来创建对象（name和value）的数组
$(selector)serializaArray();

4.AJAX介绍

4.1同步与异步

同步：

同步就是指一个进程在执行某个请求的时候，若该请求需要一段时间才能返回信息，那么这个进程将会一直等待下去，直到收到返回信息才继续执行下去。
同步就相当于是当客户端发送请求给服务端，在等待服务端响应的请求时，客户端不做其他的事情。当服务端做完了才返回到客户端。这样的话客户端需要一直等待。用户使用起来会有不友好。

异步：

异步是指进程不需要一直等下去，而是继续执行下面的操作，不管其他进程的状态。当有消息返回时系统会通知进程进行处理，这样可以提高执行的效率。
异步就相当于当客户端发送给服务端请求时，在等待服务端响应的时候，客户端可以做其他的事情，这样节约了时间，提高了效率。

同步是阻塞模式，异步是非阻塞模式。

4.2AJAX技术

AJAX是一种用于创建快速动态网页的技术
通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网而的某部分进行更新。

5.AJAX原理

客户端发送请求，请求交给XMLHttpRequest ，XMLHttpRequest 把请求提交给服务，服务器进行业务处理，服务器响应数据交给XMLHttpRequest 对象，XMLHttpRequest 对象接收数据，由javascript 把数据写到页面上

6.原生AJAX

AJAX工作流程：
Ajax 通过 XmlHttpRequest 对象来向服务器发出异步请求，从服务器获得数据，然后用javascript 来操作 DOM，进而更新页面

1.创建AJAX对象(XmlHttpRequest)

var xmlhttp = new XmlHttpRequest();

2.判断数据的传输方式(get/post),打开来连接(open())

xmlhttp.open("get","http://127.0.0:8089",ture);

3.获得响应

如需获得来自服务器的响应，请使用XMLHttpRequest 对象的 responseText 或 responseXML属性。

当请求被发送到服务器时，我们需要执行一些基于响应的任务每当readystate 改变时，就会触发 onreadystatechange 事件readyState 属性存有XMLHttpRequest 的状态信息
下面是XMLHttpRequest 对象的三个重要的属性:

4.发送请求 send（）

sed()发送http请求