AJAX简介和使用

AJAX 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发 技术。
ajax 是一种浏览器通过 js 异步发起请求，局部更新页面的技术。

Ajax 请求的局部更新，浏览器地址栏不会发生变化 局部更新不会舍弃原来页面的内容
局部更新：就是页面上的某个组件 如div中的值进行了更新数据

异步：send执行完 直接执行下面的代码 不管服务器的数据啥时候来
类似上厕所，我先去方便，你不用在此地等我，慢慢走 我一会就追上你

同步：就是我AJAX请求没完成，你下面的代码都不能执行

 

 

 

<script type="text/javascript">
//使用JS发起AJAX请求访问服务器中的AJAX方法
function ajaxRequest() {

// 1、我们首先要创建XMLHttpRequest
var ajax=new XMLHttpRequest();
// 2、调用open方法设置请求参数
ajax.open("GET","http://localhost:8080/JsonAndAjax/AJAX?action=javaScriptAjax",true);//表明这个是异步的

// 4、在send方法前绑定onreadystatechange事件，处理请求完成后的操作。
ajax.onreadystatechange =function () {
if(ajax.readyState==4&&ajax.status==200)
{
alert(ajax.responseText);
var data= JSON.parse(ajax.responseText);
document.getElementById("div01").innerText=data.Id+"--------"+data.name;
}
}
// 3、调用send方法发送请求
ajax.send();

}
</script>