码迷,mamicode.com
首页 > Web开发 > 详细

ajax

时间:2016-04-23 13:21:04      阅读:211      评论:0      收藏:0      [点我收藏+]

标签:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ajax实例,js</title>
</head>
<body>
<input type="button" id=‘a‘ value=‘ajax‘>
</body>
<script>

function myAjax(url,fnSucc,fnFaild){
if(window.XMLHttpRequest){
var oAjax=new XMLHttpRequest();
}
else{
var Ojax=new ActiveXObject(‘Microsoft.XMLHTTP‘);
}
// 链接服务器
oAjax.open(‘GET‘,url+‘?t=‘+new Date().getTime(),true);
// 发送请求
oAjax.send();
// 接收返回
oAjax.onreadystatechange=function(){
if(oAjax.readyState==4){ //读取完成
if(oAjax.status==200){
// alert(‘chenggong!‘+oAjax.responseText);
fnSucc(oAjax.responseText);
}
else{
fnFaild(oAjax.status);
// alert(oAjax.status);
}
}
};
}

var a=document.querySelector("#a");
a.onclick=function(){
myAjax(‘text.txt‘,function(str){
alert(str);
},function(str){
alert(str);
});
}
</script>
</html>

 

源自智能社

ajax

标签:

原文地址:http://www.cnblogs.com/jldiary/p/5424367.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!