原生ajax框架

最新推荐文章于 2019-06-16 22:16:49 发布

侠客行

最新推荐文章于 2019-06-16 22:16:49 发布

阅读量1.2k

点赞数 1

分类专栏： web 前端开发文章标签： AJAX框架

本文链接：https://blog.csdn.net/aspwzmuma/article/details/8833502

版权

web 前端开发专栏收录该内容

71 篇文章 0 订阅

订阅专栏

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

侠客行

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
原生ajax框架

ajax框架 function ajax(url,success,error){ if(window.XMLHttpRequest){ var oAjax = new XMLHttpRequest(); } else{
复制链接

扫一扫