当前位置: 代码迷 >> Ajax >> 关于ajax 返回html的有关问题 求大神指点
  详细解决方案

关于ajax 返回html的有关问题 求大神指点

热度:472   发布时间:2014-01-24 16:46:36.0
求助 关于ajax 返回html的问题 在线等 求大神指点
本帖最后由 u011545275 于 2014-01-20 17:36:27 编辑
我的意思test.html 点击testbtn按钮 获取到test2.html的代码 插入到test.html的div里面 
在ie 和 ff 下能够正常显示  在chorme下就发生错误 请问是怎么回事呢  最好能给个例子看看 谢谢

test.html

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
$(function(){
var test = document.getElementById("test"),
    testbtn = document.getElementById("testbtn");
testbtn.onclick = function(){
$.ajax({
type:"POST",
url:"test2.html",
dataType: "html",
cache: false,
async: false,
success: function(data){
test.innerHTML=data;
}
});
}
})
</script>
</head>
<body>
    <input type="button" id="testbtn" value="testbtn" />
    <div id="test"></div>
</body>
</html>


test2.html

<p>test1</p>
<p>test2</p>
<p>test3</p>
<p>test4</p>


------解决办法--------------------
chrome要发布后ajax才能访问非跨域资源,本地测试不要使用chrome

参考:网站未发布,ajax能请求的本地资源有哪些
------解决办法--------------------
谷歌浏览你按  ctrl+shift+j
查看报错 ajax就是权限错误
  相关解决方案