ajax基础

Jquery中ajax 的使用
首先应该明白 ajax的核心就是xmlHttpRequest,
该对象的属性:
Onreadystatechange指定当readyState属性改变时的事件处理句柄
Readystate 返回当前请求的状态。
ResponseBody 返回正文信息
Status 返回http状态码
该对象的方法
Open() 创建一个http请求,并指定当前请求的方法,url以及验证信息
Send() 发送请求数据到服务器 并接受回应

我们写 javascript 实现异步通信的时候,必须先定义XmlHttpRequest对象。不同浏览器是不同的。先调用open()方法创建一个请求,然后send()数据,之后服务器会响应请求,把响应信息发送给xmlHttpRequest对象的responseText.
Jquery 对 ajax 操作进行了封装,ajax()是最底层的方法,第二层是load() post() get() 第三层是getScript() 和getJSON()
ajax基础
解释xmlHttpRequest readyState 属性 异步通信其实就是整个页面不需要刷新的通信方式,但是我们也得知道 通信过程和状态变化,通常readyState为4的时候,才表明服务器与客户端的数据传输完成,客户端可以通过responseText获取服务端返回的数据。当然需要http状态码为200.

预处理字符串
在ajax异步通信的过程中,客户端所发送的请求必须是由&连接的多个键值对组成的,表单序列化就是可以做到。当我们在发送请求的时候,通过把表单serialize()来获取符合各式的字符串。注意如果input域没有 name属性 则 不会有 字符串显示。 SerializeArray()同样可以序列化,该方法可以返回指定表单域的值得JSON结构的对象,注意,该方法返回的是JSON对象,是由一对象数组组成的对象。 而非字符串。
ajax基础
从而我们可以把表单域的请求值转换为json数据结构。