Html 单击超链接后，在当前jsp页面中显示另一个jsp内容
我正在开发一个基于web的应用程序，其中页面左侧有两个超链接，我要寻找的是，当我单击一个超链接时，它应该加载另一个.jsp的内容并显示在present.jsp上，如果我单击下一个超链接，它应该对present.jsp上的第三个.jsp执行相同的操作 我在stackoverflow上发现了如下内容：- javascript-- } 链接--项目1 其中“right pane”是div标记的id，我希望在其中显示另一个jsp内容Html 单击超链接后，在当前jsp页面中显示另一个jsp内容,html,jsp-tags,Html,Jsp Tags,我正在开发一个基于web的应用程序，其中页面左侧有两个超链接，我要寻找的是，当我单击一个超链接时，它应该加载另一个.jsp的内容并显示在present.jsp上，如果我单击下一个超链接，它应该对present.jsp上的第三个.jsp执行相同的操作 我在stackoverflow上发现了如下内容：- javascript-- } 链接--
< div id="right-pane" style="position: absolute; width: 988px; height: 649px; z-index: 2; left: 193px; top: 4px">
< /div>
Arshad在链接中添加类或id
< a href="'another.jsp" class="link1">item 1</a>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>title</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
$(".link1").click(function(event){
event.preventDefault();
var url =$(this).attr("href");
$('#right-pane').load(url, function(data) {
console.log(data);
});
console.log(url);
});
});
</script>
</head>
<body>
<div id="layer5" class="style2" style="position: absolute; width: 79px; height: 17px; z-index: 1; left: 11px; top: 15px"><a href="test2.html" class="link1">item 1</a></div>
<div id="right-pane" style="position: absolute; width: 988px; height: 649px; z-index: 2; left: 193px; top: 4px"></div>
</body>
</html>
标题
$（文档）.ready（函数（）{
$（“.link1”）。单击（函数（事件）{
event.preventDefault（）；
var url=$（this.attr（“href”）；
$（“#右窗格”）.load（url，函数（数据）{
控制台日志（数据）；
});
console.log（url）；
});
});
< a href="'another.jsp" class="link1">item 1</a>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>title</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
$(".link1").click(function(event){
event.preventDefault();
var url =$(this).attr("href");
$('#right-pane').load(url, function(data) {
console.log(data);
});
console.log(url);
});
});
</script>
</head>
<body>
<div id="layer5" class="style2" style="position: absolute; width: 79px; height: 17px; z-index: 1; left: 11px; top: 15px"><a href="test2.html" class="link1">item 1</a></div>
<div id="right-pane" style="position: absolute; width: 988px; height: 649px; z-index: 2; left: 193px; top: 4px"></div>
</body>
</html>
标题
$（文档）.ready（函数（）{
$（“.link1”）。单击（函数（事件）{
event.preventDefault（）；
var url=$（this.attr（“href”）；
$（“#右窗格”）.load（url，函数（数据）{
控制台日志（数据）；
});
console.log（url）；
});
});