AJAX一些基础知识和小例子讲解

首先说下AJAX不是一种语言 是一种技术。

AJAX = 异步 JavaScript 和 XML。

AJAX 是一种用于创建快速动态网页的技术。

通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

ajax核心是一个new XMLHttpRequest()对象/ 在ie5、6中为new ActiveXObject("Microsoft.XMLHTTP")对象;

XMLHttpRequest对象用于数据交换，有两个方法open(method,url,async) method参数为请求的类型氛围GET个POST，url请求的地址，async同步false异步true，XMLHttpRequest 对象如果要用于 AJAX 的话，其 open() 方法的 async 参数必须设置为 true。send(string) 只有在POST下有参数为发送的数据。

下边写个小例子讲解 通过点击按钮改变div的内容

<div id="div1"></div><button type="button" click=LoadXML()>按钮</button>

function LoadXML(){
    var  Xmlhttp;
    if(window.XMLHttpRequest){
        Xmlhttp = new XMLHttpRequest();
    }else{
        Xmlhttp = new ActiveXObject("Microsoft.XMLHTTP")
    };
     Xmlhttp.onreadystatechange = function(){
         if(Xmlhttp.readystate==4 && Xmlhttp.status ==200){
              document.getElementById("div1"),innerHTML = Xmlhttp.responseText;
         }
     }
Xmlhttp.open("get","http://cnblogs.com",true);
Xmlhttp.send();
}

上边例子中出现的 readystate属性为请求的状态 分别为（01234）5个值；0请求未初始化 1服务器连接已建立 2请求已接受 3请求正在处理中 4请求已完成，且响应已就绪

status属性为状态 200”ok“ 404未找到页面、

如需获得来自服务器的响应，请使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性。

 

转载于:https://www.cnblogs.com/xingweb/p/4267881.html