本篇文章主要的介绍了关于ajax使用的四个步骤,想看的同学赶紧看过来,现在我们就开始阅读本篇文章吧
1.第一步(得到xmlhttprequest)
*ajax其实只需要学习一个对象:xmlhttprequest,如果掌握了它就掌握了ajax
*得到xmlhttprequest
>大多数浏览器都支持:var xmlhttp=new xmlhttprequest();
>ie6.0支持:var xmlhttp=new activexobject(msxml2.xmlhttp);
>ie5.5及更早版本的ie支持:var xmlhttp=new activexobject(microsoft.xmlhttp);
*编写创建 xmlhttprequest 的函数
function createxmlhttprequest() { try{ return new xmlhttprequest(); }catch{ try{ return new activexobject("msxml2.xmlhttp"); }catch{ try{ return newactivexobject("microsoft.xmlhttp"); }catch{ alert("怎么可能,你用的啥浏览器。。。") throw e; } } }}
2.第二步 (打开与服务器的连接)
*xmlhttp.open();用来打开与服务器的连接,需要三个参数;
>请求方式:get或者post
>请求的url:指定服务器端资源,例如:/项目/action
>请求是否为异步:如果为true表示发送异步请求,否则为同步请求;
*xmlhttp.open("get","/项目/action",true);(想看更多就到ajax开发手册栏目中学习)
3.第三步 (发送请求)
*xmlhttp.send(null); 如果括号里不给null可能会造成部分浏览器无法发送;
>参数:就是请求体的内容,如果是get请求,必须给null
4.第四步
*在xmlhttp对象的一个事件上注册监听器:onredaystatechange
*xmlhttp对象一共有5个状态:
>0状态:刚创建,还没有调用open()方法;
>1状态:请求开始,调用了open()方法,但还没有调用send()方法;
>2状态:调用完了send()方法;
>3状态:服务器已经开始响应,但不表示响应结束;
>4状态:服务器响应结束!(我们通常只关注这个状态!!!)
*得到xmlhttp对象的状态;
>var state =xmlhttp.redaystate; //可能是0、1、2、3、4
*得到服务器的响应状态码
>var state =xmlhttp.status; //例如为200、404、500
*得到服务器的响应内容
>var content = xmlhttp.responsetext; //得到服务器响应的文本格式内容; >var content = xmlhttp.responsexml; //得到服务器响应的xml内容,它是document对象; xmlhttp.onredaystatechange=function() { //5种状态都会调用本方法; if(xmlhttp.redaystate==4 && xmlhttp.status==200){ //双重判断,缺一不可 //获取服务器的响应内容 var text = xmlhttp.responsetext; } };
本篇文章到这就结束了(想看更多就到ajax使用手册栏目中学习),有问题的可以在下方留言提问。
以上就是ajax具体怎么使用的?ajax使用的四步解析(附实例)的详细内容。