A丶person 2015-08-12 09:33 采纳率: 66.7%
浏览 1430
已结题

ajax load点击链接获取不同的内容怎么做?

 <!DOCTYPE HTML>
<html> 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery.min.js"></script>
</head>
<body>

<a href="javascript:;" id="send">链接1</a>
<a href="javascript:;" id="send">链接2</a>
<a href="javascript:;" id="send">链接3</a>
<a href="javascript:;" id="send">链接4</a>
<div id="resText" class="resText"></div>

<script type="text/javascript">
$(document).ready(function(){
    $("#send").click(function(){
        $(".resText").load("test.html .Contents");
    });
});
</script>

</body>
</html>
 <!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>

<div class="Contents">
    <p class="span">1</span>
  <p class="test">测试</p>
</div>
<div class="Contents">
    <p class="span">2</span>
    <p class="test">测试</p>
</div>
<div class="Contents">
    <p class="span">3</span>
  <p class="test">测试</p>
</div>

<div class="Contents1">
    <p class="span">1</span>
  <p class="test">测试</p>
</div>
<div class="Contents1">
    <p class="span">2</span>
    <p class="test">测试</p>
</div>
<div class="Contents1">
    <p class="span">3</span>
  <p class="test">测试</p>
</div>
</body>
</html>

如果做成导航点击链接获取每个页面的内容要怎么做? 因为a标签是后台循环出来的
求详细代码demo
wecouture.com 这个网站的导航就是用ajax做的,但不知道怎么做

  • 写回答

4条回答 默认 最新

  • 一日夺命散 2015-08-12 09:39
    关注
    $(document).ready(function(){ $("#send").click(function(){ var url = $("#send").text(); $(".resText").load(url); }); });
    评论

报告相同问题?

悬赏问题

  • ¥60 求一个简单的网页(标签-安全|关键词-上传)
  • ¥35 lstm时间序列共享单车预测,loss值优化,参数优化算法
  • ¥15 基于卷积神经网络的声纹识别
  • ¥15 Python中的request,如何使用ssr节点,通过代理requests网页。本人在泰国,需要用大陆ip才能玩网页游戏,合法合规。
  • ¥100 为什么这个恒流源电路不能恒流?
  • ¥15 有偿求跨组件数据流路径图
  • ¥15 写一个方法checkPerson,入参实体类Person,出参布尔值
  • ¥15 我想咨询一下路面纹理三维点云数据处理的一些问题,上传的坐标文件里是怎么对无序点进行编号的,以及xy坐标在处理的时候是进行整体模型分片处理的吗
  • ¥15 CSAPPattacklab
  • ¥15 一直显示正在等待HID—ISP