Ajax是异步的javascript和xml Ajax的交互使用的是浏览器的XMLHttpRequest,通过新建XMLHttpRequest,给出请求url,指明请求方式和数据及数据类型,得到局部响应,更改页面。
同步是必须等待,这个请求如果没有执行结束,那么就会形成阻塞;异步是发出请求后,仍可以做其他的事,结果返回时接收响应。
Ajax技术核心就是XMLHttpRequest对象。
Ajax技术的工作原理:可以分成3步
1.创建Ajax对象:var xhr = new XMLHttpRequest();
2.xhr 发送请求:xhr.open('get','test.html','true');
xhr.send();
3.xhr获取响应:
xhr.onreadystatechange = function(){
if(xhr.readystate == 4){//请求的状态码
/*
0:请求还没有建立(open执行前)
1:请求建立了还没发送(执行了open)
2:请求正式发送(执行了send)
3:请求已受理,有部分数据可以用,但还没有处理完成
4:请求完全处理完成
*/
alert(xhr.responseText);//返回的数据
}
}
一、简述Ajax的工作原理。
通过XMLHttpRequest对象来向服务器发送异步请求,从服务器获得数据,然后用JavaScript来操作DOM,从而更新页面。这其中最关键的就是从服务器获得请求数据。
二、Ajax的交互流程是什么?
(1)启动获取XMLHttpRequest对象。
(2)open打开URL通道,并设置异步传输。
(3)发送数据到服务器。
(4)服务器接收数据并处理,处理完成后返回结果。
(5)客户端接收服务器端返回。
三、HTTP的请求过程:
HTTP是一种无状态的协议。(即不建立持久的连接,也就是服务端不保留连接的信息)
(1)建立TCP连接。
(2)Web浏览器向Web服务器发送请求命令。
(3)Web浏览器发送请求头信息。
(4)Web服务器应答。
(5)Web服务器发送应答头信息。
(6)Web服务器向浏览器发送数据。
(7)Web服务器关闭TCP连接。
四、HTTP响应的组成:
(1)一个数字和文字组成的状态吗,用来显示请求是成功还是失败
(2)响应头:响应头和请求头一样包含许多有用的信息,例如:服务器类型、日期时间、内容类型和长度等
(3)响应体:即响应正文
五、GET与POST
GET(获取、查询):
一般用于信息获取,http请求的默认方法
get请求比较安全,一般用来信息查询而不是修改信息
get发送的信息对任何人可见,因为它是用URL传递参数的
对所发送信息的数量也有限制,一般在2000个字符
POST(新建、修改):
一般用于修改服务器上的资源
发送的信息嵌在HTTP请求的请求体中(发送的信息对其他人不可见)
对所发送信息的数量无限制