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() {
　　//此處代碼和上述一樣
}