首页 / JAVASCRIPT / ajax简介及JS写原生ajax实例教程

ajax简介及JS写原生ajax实例教程

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了ajax简介及JS写原生ajax实例教程，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1494字，纯文字阅读大概需要3分钟。

内容图文

ajax

1.什么是ajax
　　ajax 的全称是Asynchronous JavaScript and XML，其中， Asynchronous 是异步的意思,指的是异步 JavaScript 和 XML。
　　AJAX 是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下， 对的某部分进行更新。
　　传统的网页（不使用AJAX）如果需要更新内容，必需重载整 个网页面。
2.ajax所包含的技术
　　大家都知道ajax并非一种新的技术，而是几种原有技术的结合体。它由下 列技术组合?成。
　　　　1.使用CSS和XHTML来表示。
　　　　2. 使用DOM模型来交互和动态显示。
　　　　3.使用XMLHttpRequest来和服务器进行异步通信。
　　　　4.使用javascript来绑定和调用。
4.ajax原理
　　Ajax的原理简单来说通过XmlHttpRequest对象来向服务器发异步 请求，从服务器获得数据，然后用javascript来操作DOM而更新页面。
5.ajax请求的实现
　　1.创建XmlHttpRequest对象
　　　　if (window.XMLHttpRequest) {
　　　　　　// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
　　　　　　xmlhttp=new XMLHttpRequest();
　　　　} else {
　　　　　　// IE6, IE5 浏览器执行代码
　　　　xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
　　　　}
　　2.连接服务器
　　　　xmlhttp.open(“GET","http://127.0.0.1:8080",true);
　　3.发送请求

　　　　xmlhttp.send();
　　4.等待服务器返回内容，并处理
　　　　xmlhttp.onreadystatechange=function() {
　　　　if (xmlhttp.readyState==4 && xmlhttp.status==200) {
　　　　　　document.getElementById("btn").innerHTML=xmlhttp.responseText;
　　　　　　}
　　　　}

以上就是ajax简介及JS写原生ajax实例教程的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的ajax简介及JS写原生ajax实例教程全部内容，希望文章能够帮你解决ajax简介及JS写原生ajax实例教程所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

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

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/300824.html

来源：【匿名】