ajax学习心得

       ajax是客户端向服务端请求的一种方式。允许客户端脚本发送HTTP请求,去请求服务器的数据来创建动态网页,可以在不重新加载整个网页的情况下,对网页的某部分进行更新,也称局部刷新。

      ajax的核心内容是JavaScript对象XMLHttpRequest。使用ajax的流程如下:

1.var xhr = new XMLHttpRequest();

2.xhr.open("GET"/"POST",(此处填写需要向后端请求的地址),true/false),其中true是异步,false是同步。同步的意思就是一部做完才能做下一步,异步的意思就是可以同时进行。GET和POST的共同点是都是向服务器请求数据的方式,不同点是GET的数据放在地址之后,数据量小,安全性低,传送速度快,而POST是数据放在send()的括号里面,数据量大,安全性低,传送速度慢。使用频率上GET比POST大。GET地址的格式: 地址?参数名1=值1&参数名2=值2&参数名3=值3。

3请求头写在open和send函数之间,一般传送敏感的信息,不一定要书写。GET不一定要写请求头,POST一定要写请求头,形式为xhr.setRequestHeader()

4.发送请求。如果是GET的话就用send();如果是POST的话就用send(发送的数据),不会跟在url后面。

5.获取数据。xhr.onreadystatechange(){

            if(readyState == 4&&status == 200){

              var str = xhr.responseText

        }

}

readyState的字面意思是“准备的情形”,它对应四个值,0~4代表不同的意思当它为4的时候表示客户端已经正常接收到服务器返回的数据。

status字面意思是“状态;情形”,它对应六个值,200代表“正常返回”

responseText 是作为响应主体被返回的文本。

str是一个字符串,如果需要转换为对象obj,则使用的方法是var obj = JSON.parse(str).。

你可能感兴趣的:(ajax学习心得)