ajax请求html的内容，不能显示的问题，具体如下
主要的html文件20150812.html，想从page.html中获取内容，并将获取的内容在20150812.html中显示。现在的问题是不能显示，请求错误，跪求大神...
主要的html文件20150812.html，想从page.html中获取内容，并将获取的内容在20150812.html中显示。现在的问题是不能显示，请求错误，跪求大神解答，下面贴出两个html文件的代码。
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv = "content-type" content ="text/html; charset= UTF-8">
<title>实战ajax</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<style>
.showDiv {width:300px;height:300px;background-color: gray;}
</style>
<script type="text/javascript">
$(function(){
$('#showPage').click(function(){
$.ajax({
url: 'page.html',
dataType:'html',
type: 'get',
timeout:1000,
error:function(error) {
alert("request error!");
},
beforeSend:function(){
$('showPage').attr('dis',1);
},
success: function(result){
alert("1");
$('#showArea').html(result);
},
complete:function(){
$('#showPage').removeAttr('dis')
}
});
});
});
/*$.ajax({
url: 'page.html',
dataType:'html',
type: 'get',
success: function(result){
$('#showArea').html(result);
}*/
</script>
</head>
<body>
<div id="showArea" class= "showDiv"></div>
<p><a id="showPage" href="javescript:void(0)">读取另一个网页的内容</a></p>
</body>
</html>
、、、、、、、、、、、、、、、、、、、、下面是paje.html的代码。。。。。。
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv = "content-type" content ="text/html; charset= UTF-8">
<title></title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<style>
.tb{background-color:blue;color:yellow;}
.tdr{background-color: red}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<table class ="tb" border ="1">
<tr><td class ="tdr">Html语言</td><td>jquery框架</td></tr>
<tr><td>C语言</td><td>python</td></tr>
</table>
</body>
</html>
请大神给出详细解，解决立马给分 展开
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv = "content-type" content ="text/html; charset= UTF-8">
<title>实战ajax</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<style>
.showDiv {width:300px;height:300px;background-color: gray;}
</style>
<script type="text/javascript">
$(function(){
$('#showPage').click(function(){
$.ajax({
url: 'page.html',
dataType:'html',
type: 'get',
timeout:1000,
error:function(error) {
alert("request error!");
},
beforeSend:function(){
$('showPage').attr('dis',1);
},
success: function(result){
alert("1");
$('#showArea').html(result);
},
complete:function(){
$('#showPage').removeAttr('dis')
}
});
});
});
/*$.ajax({
url: 'page.html',
dataType:'html',
type: 'get',
success: function(result){
$('#showArea').html(result);
}*/
</script>
</head>
<body>
<div id="showArea" class= "showDiv"></div>
<p><a id="showPage" href="javescript:void(0)">读取另一个网页的内容</a></p>
</body>
</html>
、、、、、、、、、、、、、、、、、、、、下面是paje.html的代码。。。。。。
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv = "content-type" content ="text/html; charset= UTF-8">
<title></title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<style>
.tb{background-color:blue;color:yellow;}
.tdr{background-color: red}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<table class ="tb" border ="1">
<tr><td class ="tdr">Html语言</td><td>jquery框架</td></tr>
<tr><td>C语言</td><td>python</td></tr>
</table>
</body>
</html>
请大神给出详细解，解决立马给分 展开
1个回答
展开全部
page.html页面不能是一个完整的HTML页面，你只需要把body标签里面的内容保留，其他的全部删除即可，还有就是主页面beforeSend:function(){
$('showPage').attr('dis',1);
},是不是少写了一个#号
$('showPage').attr('dis',1);
},是不是少写了一个#号
追问
是少了个#，怎么不能是完整的html页面呢？实际情况就是要请求完整的html页面上的信息到后台，删掉其它保留body也不行，显示请求错误。。。。。
追答
如果报的错是“XMLHttpRequest cannot load ”
就是说明，你没有把网页配置到服务器，你自己搭建一个apache、tomcat 或者iis之类的，把页面部署到里面，就可以正常载入了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
