点击按钮不刷新页面

$('.list_r_list_button>img').click(function(e){

var id=$(this).next().val();

$.post('../shopping/cart_list.action',{'book.id':id});

$(this).next().next().children('span').html("已添加至购物车").fadeOut(2000);

});

 

<span class="list_r_list_button">

<img src='../images/buttom_goumai.gif'/>

<input type="hidden" value="${id}"/>

<span> <span></span></span>

</span>

 

.list_r_list_button>img样式选择，第一个img元素

click(function(e) 绑定点击事件

$.post('../shopping/cart_list.action',{'book.id':id}); post方式传参，

（url,参数）,book.id为设置的属性，id=$(this).next().val();id从隐藏表单

里面取

$(this)当前img(被绑定对象),.next(),接下来的元素，.val隐藏表单中的value值

<span> <span></span></span>

父级span 下有个 空格，为了子级别span中的元素在fadeout后撑起空间