自我学习——javascript——Ajax和commt
2013-07-22 10:28
441 查看
1.一个基本的ajax例子:
function creatXHR(){ //适用于ie7及以后的ie版本和现代浏览器 if(typeof XMLHttpRequest != "undefined"){ return new XMLHttpRequest(); }else if(typeof ActiveXObject!="undefined"){ if(typeof arguments.callee.activeXString!="String"){ var versions=["MSXML2.XMLHttp.6.0","MSXML2.XMLHttps.3.0","MSXML2.XMLHttp"]; var i,len; for(i=0,lem=versions.length;i<len;i++){ try{ new ActiveXObject(versions[i]); arguments.callee.activeXString=versions[i]; break; }catch(ex){ //跳过 } } } return new ActiveXObject(arguments.callee.activeXString); }else{ throw new Error("No XHR Object available"); } } //创建一个跨浏览器的XmlHttpRequest对象, var xhr=new creatXHR(); //设置当请求返回时候的执行函数 xhr.onreadystatechange=function(){ if(xhr.readyState==4){ //readyState==4代表请求完成,接收到了全部数据 if(( xhr.status>=200&&xhr.status<=300 )||xhr.status==304){ //200++是成功标志,304是缓存中有不需要更改标志,都是成功得到数据的情况 alert(xhr.responseText); //返回请求到的数据 }else{ alert("请求不成功"); document.getElementById("status").innerHTML=xhr.status; //返回失败请求的头部用于判断出错位置 document.getElementById("statusText").innerHTML=xhr.statusText; //返回失败请求的原因说明,但是这个说明在各个浏览器表现是不一致的 } } } xhr.open("get","../jquery-1.7.2.min.js",true); //注意,这里不是http请求,会导致状态码不变,但是实际上请求是成功的却还是显示请求不成功,但是我们一般情况下是用来请求http数据的 xhr.send(null); //这里可以设置请求http的参数,对应jquery的data
相关文章推荐
- Javascript学习笔记十二——Ajax入门
- JavaScript高级程序设计 XML、Ajax 学习笔记
- javascript学习笔记 (六)-ajax相关
- 学习XHTML、CSS、DIV、Javascript,AJAX等页面技术的不错网站
- JavaScript权威设计--jQuery,Ajax.animate,SVG(简要学习笔记二十)[完结篇]
- 一步步学习javascript基础篇(9):ajax请求的回退
- Ajax 学习第二课-使用 JavaScript 和 Ajax 发出异步请求
- 【Java EE 学习 31】【JavaScript基础增强】【Ajax基础】【Json基础】
- JavaScript学习 jquery学习11 ajax开发
- javascript 学习小结 (三) jQuery封装ajax尝试 by FungLeo
- Asp.Net Ajax 学习笔记21 VS2008的JavaScript代码提示功能
- ASP.NET AJAX学习记要(2)-下手之JavaScript
- 【jQuery学习笔记----AJAX之javascript角度】
- JavaScript学习总结(七)Ajax和Http状态字
- 【Ajax-javaScript】1、javascript的基础学习
- JavaScript学习笔记二十六:AJAX
- javaScript学习之ajax
- ASP.NET AJAX学习记要(2)-下手之JavaScript
- 自我学习——javascript——基本技巧
- 一步步学习ASP.NET MVC3 (9)——JsonReslt,JavaScript,@Ajax