ajax总的流程分为
1.创建XMLHttpRequest对象
1.1创建XMLhttpRequest语法
xmlhttp = new XMlHttpReuqest();
1.2老版本的Internet explorer (ie5和ie6)使用ActiveX对象
XMlHttp = new ActiveXObject("Microsoft.XMLHTTP");
2.与服务器建立连接
2.1get请求
get是请求方式请求,demoservlet是url地址,true是是否异步请求
true则是异步请求,false则是同步请求
异步请求 : 执行send()方法后不等待服务器返回执行结果,接着执行后面的脚本
同步请求 : 执行send()方法后等待服务器返回执行结果,如果等待超时,则就执行后面的脚本
排队举例:
同步:在银行排队时,只有等到你了,才能够去处理业务。
异步:在排队的时候,不用排到你,你也可以在手机上处理业务
//get格式
xmlhttp.open("get","url地址","是否异步请求true、false")
2.2post请求
//post格式
xmlhttp.open("post","URL地址","是否异步请求true、false")
post需要设置请求头
//设置请求头
xmlhttp.setRequestHeader("Content-type ","application/x-www-form-urlencoded;charset=utf-8")
2.3、创建状态改变时事件(onreadystatechange)
状态改变时事件是当xmlHTTP的状态值发生改变时就会执行状态值每改变一次事件就会执行一次
xmlHttp.onreadystatechange(function(){
//判断xmlhttp状态值跟http请求状态值
/**xmlhttp的的状态值:
0:表示xmlhttp初始化中
1:初始化结束准备发送数据
2:发送数据结束
3:读取响应数据
4:读取响应数据借宿
*/
//http的状态值:302 403(权限,网络) 404 405 509 200代表成功
//这里要做操作的话可以做一些判断这些状态值是否成功后进行操作
});
2.3、最后一步发送数据到后台
xmlHttp.send("这里是发送到后台的数据="+123);