Question

jQuery:点击页面1的一个链接用ajax去获取页面2的内容,然后再点击页面2的一个链接去获取页面3的内容

接上:然后将内容显示在页面1上,也就是在用户看来,只是跟页面1打交道,页面2和页面3的数据交换是用户不知道的,可以实现的吗?
也就是:页面1获取页面2的内容,先显示在页面1上.然后在页面1上点击从页面2获取到的内容的一个链接,去获取页面3的内容.再显示在页面1上

Answer 1

不知道具体的情况如何。如果使用jQuery，可以看下 ajax 部分，有一个 $.load 的方法。这里有一个例子：
假设有
1、页面2 - page2.html ，页面3 - page3.html
2、页面1 - page1.html 代码如下：
【代码】
<a href="page2.html" class="J-loadPage">页面1</a>
<a href="page3.html" class="J-loadPage">页面2</a>
<div id="page"></div>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$('.J-loadPage').click(function(){
var url=$(this).attr('href');
$("#page").load(url);
return false;
});
});
</script>

追问

不是这样的,我画了个草图请看

追答

首先，发送请求，获取数据，这一块是没问题的。我看了你的图，很多都是获取数据后，把它们放到哪里的步骤，如 放到 #content、#content_p里面等，这些都是获取内容后做的，而这一步的实现很大程度上和实际情况有关系，要有针对性的处理。附件是一个例子，你运行看看，是否可以

Answer 2

你在页面3中的js直接操作页面1里的容器就可以了。因为js已经被载入页面，所以都属于同一个页面，可以直接操作页面1的容器。

追问

请看,中国梦的click触发,点了之后没有alert("hello world"),也就是说zgm.js.png里的第5行根本没有执行到,是不是受了nav.js.png中的影响了?

Answer 3

估计这个有点难度。你可以说的具体点吗。你要获取什么

追问

具体请看上面我继续追问miws_的图片,还有不明白一地方吗