关于ajax 返回html的有关问题求大神指点-AJAX教程-爱易网页

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

日期：2014-05-16　浏览次数：20644 次

求助关于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就是权限错误