本篇内容主要讲解“js中Ajax的作用、优缺点以及实例用法”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“js中Ajax的作用、优缺点以及实例用法”吧!
网站制作、建网站找专业网站建设公司创新互联:定制网站、模板网站、仿站、微信小程序开发、软件开发、成都app开发等。做网站价格咨询创新互联:服务完善、十年建站、值得信赖!网站制作电话:028-86922220js中的Ajax总结.
一.ajax的作用:
1.就是让js去读服务器上面的数据.
2.无刷新的情况下读取服务器上面的数据,例如:验证账号和密码是否正确等.
(1)ajax的优点:
1.减少冗余请求和响应对服务造成的负担.
2.无刷新更新页面,带来更好的用户体验.
3.减轻服务器速写的负担,节约空间和宽带租用成本。
4.采用异步提交,读写速度更快.
(2)ajax的缺点:
1.AJAX大量的使用了javascript和ajax引擎,这些取决于浏览器的支持.在编写的时候考虑对浏览器的兼容性
AJAX只是局部刷新,所以页面的后退按钮是没有用的.
对流媒体还有移动设备的支持不是太好等.
二. Get 和Post的区别:
get方式:常见的表单提交方式:将值在url后面提交;?名字=值&名字=值格.
提交表单例子:
三:编写一个Ajax:
1.创建一个ajax对象,
2.链接到服务器,
3.发送请求 ,
4.接收返回值,
(1) 创建一个ajax对象
var oAjax = new XMLHttpRequest()//不支持IE6
var oAjax = new ActiveXObject ("microsoft.XMLHTTP");//支持IE6
解决兼容性: if(window.XMLHttpRequest) { var oAjax = new XMLHttpRequest(); } else { var oAjax = new ActivexObject("Microsoft.XMLHTTP") } 为什么要用window.XMLHttpRequest作为参数,应为直接XMLHttpRequest做条件,IE6会直接报错, 但是把XMLHttpRequest作为属性,IE只会报undefined刚好满足我们的条件. (2)链接服务器 oAjax.open('Get',url,true) 同步:一步步来. 异步:多件事一起来. (3)发送请求 oAjax.send(); (4)接受返回 oAjax.onreadystatechange = function() { //浏览器和服务器进行到哪一步了. if(oAjax.readyState==4)//读取完成 { if(oAjax.status==200)//读取成功 { fnSuccess(oAjax.responseText) }else if( fnfaild) { fnfaild(oAjax.status); } } } }
readystatus 描述
0 (未初始化)还没有调用open()方法
1 (载入)一调用send()方法,怎在发送请求
2 (载入完成)send()方法完成,已收到全部响应内容
3 (解析)正在解析响应内容
4 (完成)响应内容解析完成,可以客户调用了
同步请求:发生请求后,要等待服务器执行完毕才继续执行当前代码。
异步请求:发生请求后,无需等到服务器执行完毕,可以继续执行当前代码。
到此,相信大家对“js中Ajax的作用、优缺点以及实例用法”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。