使用vscode编写AJAX代码时，遇到了跨域的问题
83a28767a59e93465f33818124bed49.png
问题代码如下（来自菜鸟教程AJAX）：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
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("myDiv").innerHTML = xmlhttp.responseText;
}
}
xmlhttp.open("GET", "helloajax.txt", true);
xmlhttp.send();
}
</script>
</head>
<body>
<div id="myDiv">
<h2>使用 AJAX 修改该文本内容</h2>
</div>
<button type="button" onclick="loadXMLDoc()">修改内容</button>
</body>
</html>
原因：
谷歌不允许这样访问。
本地部署网站web。
解决方式：将html页面部署到服务器再访问。
这里采用Tomcat，Tomcat 服务器是一个免费的开放源代码的Web 应用服务器，属于轻量级应用服务器，在中小型系统和并发访问用户不是很多的场合下被普遍使用，是开发和调试JSP 程序的首选。对于一个初学者来说，可以这样认为，当在一台机器上配置好Apache 服务器，可利用它响应HTML下的一个应用页面的访问请求。实际上Tomcat是Apache 服务器的扩展，但运行时它是独立运行的，所以当你运行tomcat 时，它实际上作为一个与Apache 独立的进程单独运行的。
注意：应该先安装jdk再安装Tomcat
安装完成后，运行下示文件启动tomcat，如进行了环境配置，应先结束tomcat，再重新启动tomcat.
3b2d57373c97a72e077191f5fc36f81.jpg
安装成功的标志是能够访问http://localhost:8080
ffd32f6c3da0fd994c1129c66c7d124.png
此时，可以将项目放在Tomcat下运行，放置位置为：
dcb72e5c50f74102c47c500f02bdfb1.jpg
网友评论