Ajax

流过昼夜 提交于 2019-11-29 12:44:11

一、名词解释

1、同步Synchoronous

在一个任务进行中,不能开启其他任务

同步访问中:在浏览器向服务器发送请求时,浏览器只能等待服务器的响应,不能做其他的任何事情

出现场合:

(1)地址栏访问服务器

(2)a标签跳转

(3)submit提交

2、异步Asynchoronous

在一个任务执行时,可以开启其他任务

异步访问时,浏览器向服务器发送请求时,不耽误用户在网页的其他操作

出现场合

1、用户名的验证

2、聊天室

3、搜索建议

4、股票走势图

二、Ajax

Asynchronous javascript and Xml(现在使用json居多)

本质:使用js提供的异步对象(XMLHttpRequest),异步向服务器发送请求,并接收响应回来的数据,ajax可以无刷新的更改页面的布局内容

1、异步请求的步骤

    (1)创建异步对象       

var xhr=new XHMHttpResponse()

    异步对象的属性和方法:

        readyState属性:

            值:0~4,5个状态

                0:请求未初始化

                1:已经打开到服务器的连接,正在发送请求

                2:接收响应头

                3:接收响应主体

                4:响应数据就收成功

        status:服务器的响应状态码

            200:服务器正确处理了请求,并给出响应

        onreadystatechange:当xhr对象的readystate属性值发生变化时自动激发

        

    (2)绑定监听事件

    (3)打开链接(创建请求)

        xhr.open(method,url,isAsyn)

        method:请求的方法(get/post),string格式

        url:访问服务器的地址(接口),string

        isAsyn:是否采用异步的请求方式 boolean型(true异步,false同步)

    (4)发送请求

        xhr.send(body)

        使用get方法时,body为null,或者不写

        使用post方法时,要创建请求主体

   

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!