javaScript简单实现ajax

来源:互联网 发布:jquery 方法与js种方法 编辑:程序博客网 时间:2024/06/08 05:35
<script type="text/javascript">window.onload=function(){var oBtn=document.getElementById("btn1");//oBtn表示一个按钮。oBtn.onclick=function(){ajax(                       'url',  //url在这里表示一个请求的目的地址。                       'POST', //表示请求的方式                       function(reSuccData){  //成功时返回的结果      alert(reSuccData);       },                      function(reFailData){   //失败时返回的结果alert(returnData);       });       };};//封装的一个ajaxfunction ajax(url,type,funSucc,funFailed){//1、创建Ajax对象,只兼容非IE6的浏览器if(window.XMLHttpRequest){var oAjax=new XMLHttpRequest();}else{/*兼容IE6*/var oAjax=new ActiveXObject("Microsoft.XMLHTTP");}//2、连接到服务器open(方法,文件名,异步传输(true表示异步,false表示同步),利用t可以清除浏览器缓存)oAjax.open(type,url+'?t='+new Date().getTime(),true);//3、发送请求oAjax.send();//4、接收返回值       oAjax.onreadystatechange=function(){/*表示浏览器和服务器,进行到哪一步了oAjax.readyState*0表示还没调用open()方法;1表示已经调用send()方法,正在 发送请求;2表示send()方法已经完成,已经收到 *全部的响应内容;3表示正在解析响应内容;4响应内容解析完毕不管成功还是失败,可以在客户端调用。*/var state=oAjax.readyState; if(oAjax.readyState ==4){if(oAjax.status == 200){//表示成功,404表示页面找不到funSucc(oAjax.responseText);//接收返回内容}else{funFailed(oAjax.status);}}};}

0 0
原创粉丝点击