button点击ajax异步无效的处理办法,以及实现“关注”“已关注”切换
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。