关于Ajax

2017-08-09  本文已影响47人  开心糖果的夏天

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请求的请求体中(发送的信息对其他人不可见)
对所发送信息的数量无限制

上一篇 下一篇

猜你喜欢

热点阅读