<html>
<head>
<title>ajax框架</title>
<meta charset="utf-8">
<script type="text/javascript">
function ajax(url,success,error){
if(window.XMLHttpRequest){
var oAjax = new XMLHttpRequest();
}
else{
var oAjax = new ActiveXObject('Microsoft.XMLHTTP');
}// 创建ajax ，并且需要做兼容 IE6是不支持XMLHttpRequest对象
oAjax.open('post',url,true);//连接open(方法,文件名称,异步传输(true)) 同步传输(false)
oAjax.send();//发送请求
//接收结果
oAjax.onreadystatechange = function(){
if(oAjax.readyState==4){
//是否完成状态
if(oAjax.status>=200&&oAjax.status<300||oAjax.status==304){
//解析完成 2XX或缓存304
if(success){
success(oAjax.responseText);
//responseText解析文字
}
}
else{
if(error){
error();
}
}
}
}
}
window.onload = function(){
var obtn = document.getElementById('button1');
obtn.onclick = function(){
ajax('data.html',function(str){
alert(str);
},function(){
alert('读取失败');
})
}
}
</script>
</head>
<body>
<input type="button" id="button1" value="发送">
</body>
</html>
data.html
{‘userName’:'jeck'}