單擊cakephp中的按鈕時如何調用javascript函數？

Question

<button type="button" id="addleetdata" class="btn btn-primary addleetdata float-left">Add</button>

JS文件

 $("#addleetdata").click(function () {
     console.log("enter intofucn")
        startLoading();
          console.log("editvalue",$("editatri").val());
        var data = {
            'id': $("#iddata").val(),
            'solve': $("#solveid").val(),
            'problem': $("#probid").val(),
        };
        $.ajax({
            type: 'POST',
            url: "/monitoring/leetsave_session",
            data: data,
            success: function (response) {
                stopLoading();
                $('#genericModalTitle').html(response.genericTitle);
                $('#genericModalBody').html(response.message);
                $('#genericModalOkButton').addClass("reloadPage");        
               $("#genericModal").modal("show");
            },
            dataType: 'json'
        });
    });  

我使用 Light Admin 主題來開發網站。 所以我不能使用 ID 在輕管理主題中調用 javascript 函數。 那么說說調用java Script Fucntion的方法是什么。

Answer 1

您需要在 html 元素之后調用腳本，或者您可以使用

<button onclick="myFunction()">Add</button>

並作為您的代碼；

<script>
function myFunction() {
     console.log("enter intofucn")
        startLoading();
          console.log("editvalue",$("editatri").val());
        var data = {
            'id': $("#iddata").val(),
            'solve': $("#solveid").val(),
            'problem': $("#probid").val(),
        };
        $.ajax({
            type: 'POST',
            url: "/monitoring/leetsave_session",
            data: data,
            success: function (response) {
                stopLoading();
                $('#genericModalTitle').html(response.genericTitle);
                $('#genericModalBody').html(response.message);
                $('#genericModalOkButton').addClass("reloadPage");        
               $("#genericModal").modal("show");
            },
            dataType: 'json'
        });
    } 
</script>

Answer 2

$(document).on("click",".addleetdata",function () {
 console.log("enter intofucn")
    startLoading();
      console.log("editvalue",$("editatri").val());
    var data = {
        'id': $("#iddata").val(),
        'solve': $("#solveid").val(),
        'problem': $("#probid").val(),
    };
    $.ajax({
        type: 'POST',
        url: "/monitoring/leetsave_session",
        data: data,
        success: function (response) {
            stopLoading();
            $('#genericModalTitle').html(response.genericTitle);
            $('#genericModalBody').html(response.message);
            $('#genericModalOkButton').addClass("reloadPage");        
           $("#genericModal").modal("show");
        },
        dataType: 'json'
    });
});