原生JS写的Ajax请求,遇到问题

小白许 2015-05-19 04:09:41
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>AJAX</title>

</head>
<body>
<p>点击获得内容</p>
<input type="button" id="Btn_ajax" value="GET">
<span id="content"></span>
<script type="text/javascript">
window.onload=function(){
var btn=document.getElementById("Btn_ajax");
var content=document.getElementById("content");
var request=null;
if(window.XMLHttpRequest){
request=new XMLHttpRequest();

}else{
request=new ActiveXObject("Microsoft.XMLHTTP");
}
btn.onclick=function(){
request.open('GET','localhost:8080/Ajax/1.txt',true);
request.send();
request.onreadystatechange=function(){
if(request.readyState==4){
if(request.status===200){
content.innerHTML=request.responseText;
}else{
alert("error:"+request.status);
}
}
}
}


}

</script>
<!-- <script src="localhost:8080/ajax/1.txt?callback=showtext"></script> -->
</body>
</html>



chrome的控制台提示是这样的,大概了解是跨域的问题,请问大神们是如何解决的。
我的这个HTML文件是在另一个文件夹里的, 1.txt在服务器的文件夹里,
该如何实现。。。
下面的注释是打算用JSONP的,不会写。。。。
...全文
319 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

52,797

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 Ajax
社区管理员
  • Ajax
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧