ajax的作用有哪些?ajax作用的详细介绍(附实例)

本篇文章主要的介绍了关于ajax的作用解释,让大家更能清楚的使用ajax,现在让我们一起来看这篇文章吧

AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。
无刷新数据读取
用户登陆、股票基金网
异步、同步
AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。AJAX 不是新的编程语言,而是一种使用现有标准的新方法。

ajax 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。有很多使用 ajax 的应用程序案例:新浪微博、google 地图、开心网等等。(想看更多就到【创想鸟】ajax开发手册栏目中学习)

传统的开发模式:用户的每一次操作都触发一次返回服务器的HTTP请求,服务器做出处理后,返回一个html页面给用户。

ajax的作用有哪些?ajax作用的详细介绍(附实例)

ajax开发模式:页面将用户的操作通过ajax引擎与服务器进行通信,将返回的结果给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);}}};}

登录后复制

本篇文章到这就结束了(想看更多就到PHP中文网AJAX使用手册栏目中学习),有问题的可以在下方留言提问。

以上就是ajax的作用有哪些?ajax作用的详细介绍(附实例)的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2741576.html

(0)
上一篇 2025年3月8日 02:36:57
下一篇 2025年3月8日 02:37:05

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

登录后才能评论