<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<style type="text/css">
</style>
</head>
<body>
<div id="mydiv"><h2>Let AJAX change this text</h2></div>
<button type="button" onclick="loadXMLDoc()">通过 AJAX 改变内容</button>
</body>
<script>
function loadXMLDoc(){
var xmlhttp;//创建一个空对象，
if(window.XMLHttpRequest){//判断浏览器是否支持
xmlhttp=new XMLHttpRequest();
} else{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function(){//判断是否链接成功
if(xmlhttp.readyState==4&&xmlhttp.status==200){//成功之后执行获取文件内容
document.getElementById('mydiv').innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open('get','a.txt',true);//方法
xmlhttp.send();//调用到页面
<html>
<head>
<title></title>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<style type="text/css">
</style>
</head>
<body>
<div id="mydiv"><h2>Let AJAX change this text</h2></div>
<button type="button" onclick="loadXMLDoc()">通过 AJAX 改变内容</button>
</body>
<script>
function loadXMLDoc(){
var xmlhttp;//创建一个空对象，
if(window.XMLHttpRequest){//判断浏览器是否支持
xmlhttp=new XMLHttpRequest();
} else{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function(){//判断是否链接成功
if(xmlhttp.readyState==4&&xmlhttp.status==200){//成功之后执行获取文件内容
document.getElementById('mydiv').innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open('get','a.txt',true);//方法
xmlhttp.send();//调用到页面
}/*
1：报错：Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.
浏览器跨域的问题，没开服务器就会出现这个报错
2：
*/
</script></html>