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;
}
}
0
0
ajax简介及JS写原生ajax实例教程
PHP中文网
发布时间：2017-06-21 11:08:58
|1379人浏览过
|来源于php中文网
原创
相关文章
JavaScript 中 filter() 方法的正确使用方式详解
JavaScript 中 filter() 方法的正确用法详解
检测用户代理字符串变化的 JavaScript 实现方法
如何用原生 JavaScript 将对象数组动态渲染为带加粗作者名的无序列表
如何在对象数组中精准定位匹配的嵌套对象索引
相关标签:
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
