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