ajax学习笔记
发布时间:2020-12-15 21:30:13 所属栏目:百科 来源:网络整理
导读:1.AJAX 指异步 JavaScript 及 XML(Asynchronous JavaScript And XML)。它可以在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页。 2.传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。 3.ajax开发模式通过ajax引擎与服务器进
1.AJAX 指异步 JavaScript 及 XML(Asynchronous JavaScript And XML)。它可以在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页。2.传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。3.ajax开发模式通过ajax引擎与服务器进行通信。ajax是异步通信的方式传输数据,可以同时处理一堆数据。 4.ajax常见的应用在Google 地图,新浪微博,百度搜索建议列表,股票网站信息更新,用户登录等等。5.ajax技术的核心是XMLHttpRequest对象。(1)创建ajax对象 if(window.XMLHttpRequest) { var ajax = new XMLHttpRequest(); } /* else{ if(window.ActiveXObject) { try { ajax = new ActiveXObject("Msxml2.XMLHTTP"); //首先尝试IE6版本控件 } catch(e) { try { ajax = new ActiveXObject("Microsoft.XMLHTTP"); //没有尝试更老版本 } catch(e) {}//跳过 } } } */ 如果只想支持IE7和其他浏览器,用XMLHttpRequest创建对象就可以了 (2)向服务器发送请求 //连接服务器 //open(方法,文件路径,异步传输) ajax.open(method,uri,async); //发送请求 ajax.send(null);//必须传入null,对有些浏览器是必需的 (3)服务器响应 ajax.onreadystatechange=function (){ if(ajax.readyState==4){//请求过程完成 if(ajax.status==200){ alert('ok'); }else{ alert('fail'); } } }; readyState的属性值如下:
status值为200表示请求正常处理,404无法找到请求资源 函数封装如下: function ajax(url,succ,fail){ var ajax=(new XMLHttpRequest())||(new ActiveXObject('Microsoft.XMLHTTP')); ajax.open('POST',url+'?'+Math.random(),true);//Math.random()每次生成不同的路径,阻止缓存 ajax.send(null); ajax.onreadystatechange=function (){ if(ajax.readyState==4){ if(ajax.status==200){ succ(ajax.responseText);//接收返回的字符串 }else{ fail('失败'+ajax.status); } } }; } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |