button并不是在只等于submit时草有提交功能，如果你用它触发ajax事件，你的ajax会失去他最大的优势：刷新局部数据！
但是你如果设置了他的return false;属性小伙伴你的ajax才能在button触发中发挥他的优势！
<button id="${work.taskid}" onclick="guanzhu(‘${work.taskid}‘);return false;" >关注</button>
在解决了不能异步问题后我们再解决“关注”到“以关注”转换：
function guanzhu(taskid){
$.ajax({
type : "get",
url : "${ctx}/control/lingdao_guanzhu.pt",
data : {taskid:taskid},
dateType: "json",
success:function(json){
console.info(json.t);
$("#"+ taskid ).get(0).innerText="已关注";
}
});
}
这里的语法要注意到jquery选择器引用变量$("#"+var),以及他改变按钮文字的方法.get(0).innerText。
button点击ajax异步无效的处理办法,以及实现“关注”“已关注”切换
原文：http://www.cnblogs.com/ckxlovejava/p/6231156.html