我想创建一个页面,在单击左侧导航菜单时显示一些内容。对于Eg。单击“我最喜欢的视频”时,应使用AJAX在右侧显示用户喜爱的视频列表。帮帮我
答案 0 :(得分:1)
<div id="left">
<a href="#" id="favorite">My Favorite Videos</a>
...
</a>
<div id="right"></div>
使用:
$(function() {
$("#favorite").click(function() {
$("#right").load("favorite_videos.php");
return false;
});
});
其中favorite_videos.php
返回要放在那里的HTML内容。
答案 1 :(得分:1)
在页面中包含jQuery,如下所示:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" />
然后像这样连接链接:
$("#myFavouriteVideosLink").click(function () {
$("#rightSidePanel").load("my_favourite_videos.php");
return false; // prevent default link action
});
鉴于链接和右侧面板具有这些ID。
请注意,这不是AJAX的最佳方案,应该可以通过正常的页面请求来处理,以更好地支持浏览器历史记录和深层链接。