jsp 表格中有若干图片但都链接到一个jsp页面,通过点击不同图片动态改变指向的jsp页面内容

jsp 表格中有若干图片但都链接到同一个jsp页面,通过点击不同图片动态改变指向的jsp页面内容(内容为被点击的图片),图片路径存储在数据库中,谢谢各位大神,求指教

这些图片是放在表格中显示在a.jsp中,而且已经链接到了同一个页面,假设是b.jsp,我是想在b.jsp中知道a.jsp中哪个图片被点击了,可以是它在表格中的位置或者图片名字都可以
我做的是一个简单的购物网站,有商品列表(就是上文中在a.jsp表格里的图片),不可能为每一个商品都单独写一个界面吧,所以点击图片后进入商品详情里面,根据点击的不同图片,读取数据库,然后在b.jsp中显示不同的内容。就要知道具体是哪张图片被点击了。还是新手,求大神指点

4个回答

假设 有N个

<script>
var items = document.getElementsByTagName("a");
for(var i = 0 ; i <items.length; i++){
        var item = items[i];
        item.href = "http://localhost/img"+ i +".html"; 
}
</script>

以上个人理解

qq_37051970
可爱的男孩子 回复wlq199101: 这些图片是放在表格中显示在a.jsp中,而且已经链接到了同一个页面,假设是b.jsp,我是想在b.jsp中知道a.jsp中哪个图片被点击了,可以是它在表格中的位置或者图片名字都可以
大约 3 年之前 回复
wlq199101
wlq199101 有 N个 "<a><img src="xxxxx"/></a>"
大约 3 年之前 回复

楼上的有点问题,楼主说的是链接到同一个JSP文件,你这么写href表示的就是N个JSP页面了。我觉得可以这么改

 <script>
var items = document.getElementsByTagName("a");
for(var i = 0 ; i <items.length; i++){
        var item = items[i];
        item.href = "http://localhost/img.html?msg="+i; 
}
</script>

然后JSP页面通过get方法获取msg的值,再通过msg的值来进行相应的操作

jiang_mingyi
jiang_mingyi 回复qq_37051970: 你百度一下url传递参数,然后你应该就明白了。
大约 3 年之前 回复
jiang_mingyi
jiang_mingyi 回复qq_37051970: 你就是需要在页面之间传递消息呀,你可以百度或者Google一下页面传递信息具体方法。需要将图片信息传递给新页面,将图片信息包装在url中,然后在新页面再在URL中提取。
大约 3 年之前 回复
qq_37051970
可爱的男孩子 这些图片是放在表格中显示在a.jsp,而且已经链接到了同一个页面,假设是b.jsp,我是想在b.jsp中知道a.jsp中哪个图片被点击了,可以是它在表格中的位置或者图片名字都可以
大约 3 年之前 回复
qq_37051970
可爱的男孩子 可以解释一下吗,没太看懂。。
大约 3 年之前 回复
<img src="xxxxx" id="img1" onclick="clickImg(this.id)"/><img src="xxxxx" id="img2" onclick="clickImg(this.id)"/>........
<a href="javascript:;" onclick="gotoB()">
 <script>
 var ids = '';
function clickImg(ImgId){
    ids += ImgId + "-";
}
function gotoB(){
    if(ids != '')   location.href="b.jsp?ids="+ ids.subString(0,ids.length-1);
}
</script>

b.jsp上获取 参数ids ,split('-') 分割获取 数组ids[];

在路径中追加参数 可以实现需求。http://localhost:8080/img-1?id=1 然后取出id编号查询 。

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐