Myeclipse
如何使用onclick()方法传参数
首先,jsp页面
<table border="1px">
<tr><td style="text-align: center;" colspan="7">俱乐部会员信息</td></tr>
<tr>
<td>编号</td>
<td>姓名</td>
<td>性别</td>
<td>年龄</td>
<td>家庭住址</td>
<td>Email</td>
<td>操作</td>
</tr>
<c:forEach var="item" items="${list}">
<tr>
<td><a href="selServlet?id=${item.id}">${item.id}</a></td>
<td>${item.mname}</td>
<td>${item.mgender}</td>
<td>${item.mage}</td>
<td>${item.maddress}</td>
<td>${item.memail}</td>
<td onclick="del(${item.id})" style="cursor: pointer;"> 删除</td>
</tr>
</c:forEach>
</table>
可以看到,我们
我们这里不是直接使用## <a href=跳转地址?id=
i
t
e
m
.
i
d
>
而
是
直
接
使
用
o
n
c
l
i
c
k
(
)
传
参
,
所
以
要
直
接
d
e
l
(
{item.id}> 而是直接使用onclick()传参,所以要直接del(
item.id>而是直接使用onclick()传参,所以要直接del({item.id})这样写。
然后是js页面:
<script type="text/javascript" src="jquery-1.12.4.js"></script>
<script type="text/javascript">
function del(id) {
if(confirm("确定删除吗??")){
$.ajax({
"url":"delServlet",
"type":"post",
"data":"id="+id,
"dataType":"text",
"success":s
});
function s() {
window.location.reload();
}
}
};
</script>
这里是用ajax写的一个删除的方法。
直接在functio()里面写要传到另一个页面的值。
打完之后最后面的}会报错,不影响结果,直接可以使用了。
仅供学习交流使用,有错误的地方请大神指点。