什么是Ajax?
Ajax是做前后端数据交互。
考虑的兼容是ie5、ie6.
五步法实现Ajax。
1.实例化请求对象。
var http=new XMLHttpRequest();
2.建立服务器连接。
<1>请求方式
get
和 post
<2>服务器接口
url
<3>判断当前的请求是同步还是异步。(true和false)
同步:请求执行完成之后在去执行后续代码。需要等待请求完成。 false
异步:请求和后续代码同时执行,不需要等待。true
<4>用户名和密码。
http.open();
3.监听服务器响应。
http.onreadystatechange=function (){
//服务器响应
if(http.readyState==4&&http.status==200)
{
//响应成功 数据界面渲染
//可以获取数据
//服务器返回时json
http.response
http.responseText
//如果后台返回数据格式是xml(自定义的html格式)
http.responseXML
}
}
4.发送请求。
send方法的参数取决于请求方式。
get url+"?id=1&name=111"
post send() 方法 传递数据
http.send();
原生Ajax在请求接口的时候,如果使用的是本地服务器不一致的话会产生跨域。