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实例教程的详细内容。