zoukankan      html  css  js  c++  java
  • 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。

  • 相关阅读:
    搜索引擎
    Mybatis springmvc面试题
    spring框架面试题
    数据库
    javaWEB面试题
    JavaWeb
    SpringCloud2
    网络
    比特币网络架构及节点发现分析
    Github推荐一个国内牛人开发的超轻量级通用人脸检测模型
  • 原文地址:https://www.cnblogs.com/ckxlovejava/p/6231156.html
Copyright © 2011-2022 走看看