AJAX:通过与服务器进行少量数据交换可以使网页实现异步局部更新。
原生ajax
//监听窗口
window.onload = function(){
//设置点击事件
var btn = document.getElementById("btn");
btn.onclick = function(){
//这里开始AJAX请求
//先创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
//IE5 、IE6不支持xhr
if( xhr == null){
xhr = new ActiveXPObject("Microsoft.XMLHTTP")
}
//open方法用于设置网络请求消息
//它有三个参数，第一个参数是请求方式，第二个参数是请求路径，第三个参数是是否异步
xhr.open("post",url,true);
//发送请求
xhr.send();
//监听请求到达哪个步骤
xhr.onreadystatechange = function(){
if(xhr.readyState == 4){
//表示请求完成
if(xhr.status == 200){
//表示请求成功
} else {
//表示请求失败
}
}
}
//获取服务器返回的数据
var text = xhr,responseText
alter(text)
}
}
Jquery的ajax
$(function{
$(#ajax).click(function(){ //设置一个点击事件
$.ajax({
type:"get" //设置请求方式
url:" " //设置请求路径
async： //是否异步
success:function(date){
} //请求成功时
error:function(){
alert("请检查网络")
}
})
})
})
