Ajax的基本用法

一.什么是ajax ?

本质就是一套可以局部发请求的技术，也叫局部刷新(也叫局部请求或者异步请求)。

二. ajax使用步骤

1.创建请求对象

var xhr=new XMLHttpRequest();

2.设置请求行

用.open()方法,在括号里面可以带三个参数:

参数1：请求方式:选get或post,填写格式是Boolean类型;

参数2：填写自己的请求目标路径,格式是字符串;

参数3：是否异步:默认是true也就是异步，给false就是同步，一般不用同步.

get方式设置请求行:,key=value的形式,key是需要传递的键,value是对应的值,多个值之间用&链接;

xhr.open('get','XX.php?key=value&key2=value2')

post方式设置请求行:直接填目标地址.

xhr.open('post','XX.php')

3.设置请求头(即setRequestHeader,get请求不需要写,get请求直接跳过这一步)

post请求写法如下:写法固定， 直接复制.

xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');

4.发送请求(get不需要设置请求体内容，因为它通过url提交数据,所以里面不需要参数，post才需要请求体内容)

get请求写法:

xhr.send();

post请求写法:

xhr.send('key=value');

5.监听响应完成事件

xhr.onreadystatechange=function(){

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

}

}

暂时先写到这里，小编这里整理了一些学习web前端的资料，想学习web前端的小伙伴赶紧行动起来吧！关注小编，私信【学习】，即可免费获得！