52,792
社区成员
发帖
与我相关
我的任务
分享chrome 等浏览器无法使用jquery中ajax的load()方法，那我要引入这个网页要怎么办？用什么方法实现将另一个页面的内容引入到这个中的div来？
首先我是想做一个 左边页面某个链接或者按钮点击，右半边内容变化，因为右边内容可能很多，不能用那种把所有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>
...全文
请发表友善的回复…
发表回复
paker_ma 2014-07-01
- 打赏
- 举报
xmlhttprequest不是也可以写吗？
http://blog.csdn.net/niit_java/article/details/17751789
斯洛文尼亚旅游 2014-06-26
- 打赏
- 举报
chrome发布网站就行了（注意发布后也不能跨域请求数据），本地file浏览无法使用ajax，直接算跨域，要配置过chrome
xuzuning 2014-06-24
- 打赏
- 举报
只要不跨域，就不会不支持
$("#content").load("divHtml.html");
相当于
$.post("divHtml.html", {}, function(d) {
$("#content").html(d);
});
另，#3 说错了
$(document).ready() 在文档加载完成后才会执行
KK3K2005 2014-06-24
- 打赏
- 举报
请问一下怎么动态处理？有源码例子什么的么，我是初学者 不太懂[/quote]
看load得源代码 怎么写得
无非是 ajax加载一个页面
这样获取得数据就是页面得 字符串 然后在放到你 得指定得div中
贺显伟 2014-06-23
- 打赏
- 举报
请问一下怎么动态处理？有源码例子什么的么，我是初学者 不太懂
KK3K2005 2014-06-23
- 打赏
- 举报
xxx.load不支持
你自己直接用$.ajax加载一个html页面在动态处理就可以了
tony4geek 2014-06-23
- 打赏
- 举报
load 不支持为什么？
喝口开水 2014-06-23
- 打赏
- 举报
<html lang="en">
<head>
<script type="text/javascript" src="jquery-2.1.1.js"></script>
<title>Document</title>
</head>
<body>
<div id="content"></div>
<script type="text/javascript" >
$(document).ready(function(){
$("#content").load("divHtml.html");
});
</script>
</body>
</html>
改成这样
喝口开水 2014-06-23
- 打赏
- 举报
$('#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') 是得不到内容的，所以，自然你也就加载不出来内容了
