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。

posted on 2016-12-28 22:39  ckx0709  阅读(283)  评论(0编辑  收藏  举报

导航