chrome 等浏览器无法使用jquery中ajax的load()方法,那小弟我要引入这个网页要怎么处理?用什么方法实现将另一个页面的内容引入到这个中的div来

chrome 等浏览器无法使用jquery中ajax的load()方法,那我要引入这个网页要怎么办?用什么方法实现将另一个页面的内容引入到这个中的div来?

首先我是想做一个 左边页面某个链接或者按钮点击,右半边内容变化,因为右边内容可能很多,不能用那种把所有div列到一个页面,然后决定哪个div可见的方法,我想用jquery的load()来做,但是我试了下,好像chrome的不支持,只有firfox支持,我上网看了,但是好像说因为chrome对客户端的ajax控制很严格,如果不用ifame框架能做出来吗,要怎么做呢,还有,我很想知道那些大公司的网站,比如淘宝,等的这种是用什么实现的,求大神帮解答一下。心急如焚,在线等!!!chrome 等浏览器无法使用jquery中ajax的load()方法,那小弟我要引入这个网页要怎么处理?用什么方法实现将另一个页面的内容引入到这个中的div来

我这儿有现成简单源码,大神们可以测试一下,

main.html:



<html lang="en">
 <head>
  <script type="text/javascript" src="jquery-2.1.1.js"></script>

    <script type="text/javascript" >
$(document).ready(function(){

$("#content").load("divHtml.html");

});

</script>
  <title>Document</title>
 </head>
 <body>
 <div id="content"></div>
 </body>
</html>




divHtml:


<html lang="en">
 <head>
  <meta charset="UTF-8">

  <title>Document</title>
 </head>
 <body>
  <h1>我是被引用过来的div!</h1>
 </body>
</html>


------解决方案--------------------
xxx.load不支持
你自己直接用$.ajax加载一个html页面在动态处理就可以了
------解决方案--------------------
$('#div').load('mypage.html');
是可以的
不过你这段未加载进来是因为你的代码放置地方不正确
你要把
<script type="text/javascript" >
    $(document).ready(function(){
     
    $("#content").load("divHtml.html");
     
});
     
    </script>
放在 <div id="content"></div> 它的后面
原因:
因为$(document).ready()  这个是在文档初始化时就执行了,而且你又是放在 <div id="content"></div>它的上面,而这时你页面的  <div id="content"></div>这个元素还是没有生成的
,$('#content')  是得不到内容的,所以,自然你也就加载不出来内容了