zoukankan      html  css  js  c++  java
  • Jquery/js引入的button的onclik事件只触发一次

    • 目标描述

    我要实现的是:通过监听button的click事件,从而通过ajax向servlet发送请求获取数据库中的数据,然后返回的页面,并要求局部刷新

    一次页面的加载是html直接页面初始化本身的

    点击之后所在板块是通过js重新覆盖的

    • 问题描述

    第一点击的时候,成功加载,但第二次就无法触发

    • 修改之前的代码
    $(function() {//初始化方法
            $(".Goodshandle").on("click",function() {
                var goodsid=$(this).val();
                console.log(goodsid);
                var frushId="handle";
                $.ajax({
                    //对应servelt路径
                    url : "Goods_UpOrDown",
                    //传到服务端的数据
                    data : {"goodsid":goodsid},
                    //请求方式                
                    type : "post",
                    //传输数据的格式
                    dataType : "json",
                    //请求成功后执行的方法
                    success : function(data) {
                        console.log(data);
                        //这里的代码是通过Jquery的html();方法对指定板块的html代码重写覆盖,从而实现局部更新,具体代码略去
                        
                    }
                });
                
            })
            
        
        })
    • 问题分析

    原因是通过on来绑定click事件如上述代码,只会监听一次,之后就会丢失

    • 处理方法

    将绑定方式更改为

    $(document).off("click",".Goodshandle").on("click",".Goodshandle", function() {
      //此处代码和上述一样
    }
  • 相关阅读:
    内网邮件服务器搭建
    solr的命令
    solr的post.jar
    Java IO(四--字符流基本使用
    Java IO(三)--字节流基本使用
    Java IO(二)--RandomAccessFile基本使用
    Java集合(三)--Collection、Collections和Arrays
    Java集合(二)--Iterator和Iterable
    Java IO(一)--File类
    Java基础(十四)--装箱、拆箱详解
  • 原文地址:https://www.cnblogs.com/StevenZheng/p/10789902.html
Copyright © 2011-2022 走看看