马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
直接上代码:
[HTML] 纯文本查看 复制代码 <!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Document</title>
<style type="text/css">
*{
padding: 0;
margin: 0;
}
#head{
width: 200px;
height: 200px;
border: 1px solid red;
margin: 0 auto;
margin-top: 100px;
}
#btn{
width: 80px;
height: 30px;
border: 1px solid red;
margin: 0 auto;
margin-top: 50px;
}
#btn .btn{
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="head">
</div>
<div id="btn">
<button type="button" class="btn">查询</button>
</div>
<script type="text/javascript">
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
{
// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
xmlhttp=new XMLHttpRequest();
}
else
{
// IE6, IE5 浏览器执行代码
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("head").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","1.txt",true);
xmlhttp.send();
}
</script>
</body>
</html>
我这个html文件和1.txt文件在同一个目录,所以直接写相对路径了
总之请求到数据了,很开心
|