javascript - 在点击事件上调用 Ajax，而不是 document.ready

Question

我对 document.ready 函数进行了 Ajax 调用，如下所示

$(document).ready(function(){

        function AjaxCall(HandleData) {
       return $.ajax({
        url: "/ajax_up/",
            type: 'GET',
            dataType: "json",
            success:function(data)
            {
              HandleData(data);
            }

    });
}
      AjaxCall(function(output){

        data = JSON.stringify(output);

我想在 div 的单击函数上调用它，以便在单击它时对服务器进行 Ajax 调用，而不是在 document.ready 上进行调用 我该怎么办？ 我想在这里调用它

 $(".reply").click(function (){

我尝试将其放入其中，如下所示

$(".reply").ready(function(){

            function AjaxCall(HandleData) {
           return $.ajax({
            url: "/ajax_up/",
                type: 'GET',
                dataType: "json",
                success:function(data)
                {
                  HandleData(data);
                }

        });
    }
          AjaxCall(function(output){

            data = JSON.stringify(output);

谢谢

Answer 1

$(document).ready(function(){
    $(".reply").on("click", function() {
        AjaxCall(function(output){
            data = JSON.stringify(output);
        }
    });
    function AjaxCall(HandleData) {
        return $.ajax({
        url: "/ajax_up/",
            type: 'GET',
            dataType: "json",
            success:function(data)
            {
                HandleData(data);
            }
        });
    }
});

当您应该简单地保持文档就绪处理程序并分配 click 方法(我使用on() 只是出于偏好)到 .reply，并在所述点击处理程序中调用 AjaxCall 方法。