初学ajax

最新推荐文章于 2022-03-21 21:09:17 发布

原创最新推荐文章于 2022-03-21 21:09:17 发布 · 371 阅读

0 ·

CC 4.0 BY-SA版权

Ajax的学习专栏收录该内容

2 篇文章

订阅专栏

本文介绍Ajax的基本概念，包括其工作原理及实现步骤。讲解了如何利用Ajax进行异步数据请求，并展示了具体的HTML和JavaScript代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ajax-practise</title>
<script type="text/javascript" src="ajax.js"></script>
<script type="text/javascript">
window.onload=function(){
var oBtn=document.getElementById("btn");
oBtn.onclick=function(){
ajax("aj.txt",function(str){
alert(str);
},function(str){
alert(str);
});

/*if(window.XMLHttpRequest){
var oAjax=new XMLHttpRequest();
}
else
{
var oAjax=new ActiveXObject("Microsoft.XMLHTTP");//仅 IE6浏览器使用
}

oAjax.open("get","aj.txt",true);
oAjax.send();
oAjax.onreadystatechange=function(){
//oAjax.readyState的值：服务器与浏览器进行到什么程度
if(oAjax.readyState==4){
if(oAjax.status==200){
alert("成功"+oAjax.responseText);
}
else{
alert("失败"+oAjax.status);
}
}
}*/
}
}
</script>
</head>
<body>
<input type="button" id="btn" value="读取">
</body>
</html>