<!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做的，但不知道怎么做
id是不能一样的
<script type="text/javascript">
$(document).ready(function(){
function loadHtml(id){
var _url = $("#"+id).text();
var _divName=$("#"+id).attr("div-name");
$.ajax({
type:"post",
url:_url,
success:function(msg){
$("."+_divName).text(msg);
},
error:function(){}
});
});
</script>
<a href="javascript:;" id="send1" div-name="Contents1" onclick="loadHtml(this.id)">链接1</a>
<a href="javascript:;" id="send2" div-name="Contents2" onclick="loadHtml(this.id)">链接2</a>
id是不能一样的
去掉id，在href上面发送请求