原生js的ajax原理,ajax简介及JS写原生ajax

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;

}

}