本篇文章主要的介绍了关于ajax的作用解释,让大家更能清楚的使用ajax,现在让我们一起来看这篇文章吧
ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。
无刷新数据读取
用户登陆、股票基金网
异步、同步
ajax = asynchronous javascript and xml(异步的 javascript 和 xml)。ajax 不是新的编程语言,而是一种使用现有标准的新方法。
ajax 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。有很多使用 ajax 的应用程序案例:新浪微博、google 地图、开心网等等。(想看更多就到ajax开发手册栏目中学习)
传统的开发模式:用户的每一次操作都触发一次返回服务器的http请求,服务器做出处理后,返回一个html页面给用户。
ajax开发模式:页面将用户的操作通过ajax引擎与服务器进行通信,将返回的结果给ajax引擎,然后ajax将数据插入指定位置。
编写ajax函数
1、创建ajax对象
var xmlhttp;if (window.xmlhttprequest){// code for ie7+, firefox, chrome, opera, safarixmlhttp=new xmlhttprequest();}else{// code for ie6, ie5xmlhttp=new activexobject("microsoft.xmlhttp");}
2、连接服务器
xmlhttp.open('get',url,true);//三个参数分别代表方法、路径、同步还是异步(true为异步);
3、发送请求
xmlhttp.send();
4、接收返回值
xmlhttp.onreadystatechange=function(){if(xmlhttp.readystate==4){if(xmlhttp.status==200){alert('成功:'+oajax.responsetext);}else{alert('失败:'+oajax.status);}}}封装成函数function ajax(url, fnsucc, fnfaild){//1.创建ajax对象if(window.xmlhttprequest){var oajax=newxmlhttprequest();}else{var oajax=newactivexobject("microsoft.xmlhttp");}//2.连接服务器//open(方法, 文件名, 异步传输)oajax.open('get', url,true);//3.发送请求oajax.send();//4.接收返回oajax.onreadystatechange=function(){//oajax.readystate //浏览器和服务器,进行到哪一步了if(oajax.readystate==4)//读取完成{if(oajax.status==200)//成功{fnsucc(oajax.responsetext);}else{if(fnfaild){fnfaild(oajax.status);}//alert('失败:'+oajax.status);}}};}
本篇文章到这就结束了(想看更多就到ajax使用手册栏目中学习),有问题的可以在下方留言提问。
以上就是ajax的作用有哪些?ajax作用的详细介绍(附实例)的详细内容。