JavaScript异步Ajax与json总结

Ajax是什么:
AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。

AJAX 不是新的编程语言，而是一种使用现有标准的新方法。

Ajax所包含的技术
1.使用CSS和XHTML来表示。

2. 使用DOM模型来交互和动态显示。

3.使用XMLHttpRequest来和服务器进行异步通信。

4.使用javascript来绑定和调用。

Ajax主要通过XMLHttpRequest这个浏览器的内置对象向服务器发出HTTP请求，并接收HTTP响应，实现在页面不刷新情况下和服务端进行数据交互

XMLHttpRequest 对象的三个常用的属性

onreadystatechange 属性:
onreadystatechange 属性存有处理服务器响应的函数。

readyState 属性:
readyState 属性存有服务器响应的状态信息。每当 readyState 改变时，onreadystatechange 函数就会被执行。

responseText 属性:
可以通过 responseText 属性来取回由服务器返回的数据。

xmlhttprequst的方法:
open() 方法 有三个参数。第一个参数定义发送请求所使用的方法，第二个参数规定服务器端脚本的URL，第三个参数规定应当对请求进行异步地处理。

Ajax编程步骤:
1创建XMLHttpRequest对象。
2设置请求方式。
3调用回调函数。
4发送请求。



kcy

​关注

Ajax 异步技术和json

为你朗读

4 分钟

创建ajax引擎对象

声明事件监听：监听ajax对象的属性readystate的值，一旦readystate的值发生改变就会触发声明的函数的执行

ajax的状态码之readyState的值:

0:表示ajax引擎对象创建

1:表示请求创建但是未发送ajax.open("get","my");

2:请求发送 ajax.send(null);

3:请求处理完毕，正在接收响应内容

4:响应内容接收完毕(重要状态)

ajax之响应状态码：ajax.status

200:表示一切正常

404：资源未找到

500：服务器内部错误

ajax之响应数据

服务器响应给浏览器的数据应该是字符串类型

但是如果数据量比较大，我们就需要在服务器端将数据拼接成一个良好格式的字符串数据，响应给浏览器。浏览器根据格式进行数据的解析和使用。

使用json格式的字符串

json的概念:
其实json就是js创建对象的一种格式。保证对象中数据的紧密性 和完整性。

json的格式：

var 对象名={

键名:值,

键名:值,

...

键名:值

}

创建并发送ajax请求

创建ajax请求(设置异步或同步)

ajax.open(method,url,ansyc);

method:表示请求方式

get方式：请求数据在url中一?的形式拼接到url后面，请求数据不能写在send方法中。

post方式：post方式需要单独的进行请求数据的设置。使用ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");设置请求数据为键值对数据。如果有请求数据则ajax.send("键值对数据&键值对数据..."),如果没有请求数据，则ajax.send(null)

url：请求地址

ansyc：设置异步或者同步请求，true为异步，false为同步；默认是异步（true）；

异步：当前js函数继续执行，无须等待ajax请求的响应及响应的处理。

同步：当前的js函数会等待ajax请求以及响应，当ajax响应处理完毕后，继续执行函数的剩余代码。