原生ajax框架

发布时间：2020-12-15 20:58:35 所属栏目：百科来源：网络整理

导读：!DOCTYPE html html head titleajax框架/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.X

<!DOCTYPE html>
<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'}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!