如何在JavaScript对象中存储回调函数名称并调用

Question

我正在尝试构建此函数数据，以获取一个JavaScript对象并处理一段时间，它需要一个回调函数，所以我尝试在该对象内部传递该函数，但是当我调用此函数时，它说该函数不存在，但此函数仍然存在存在，当我将其作为参数传递时，仅在我从JavaScript对象获取回调函数名称时才会发生这种情况

function Ajax(data){
   //ajax stuff
   var filtered_respons  = response_from_ajax;
     //tryed this all not working
            data['callback'](filtered_response,'loading');
            var fun_name = data['callback'];
            fun_name(filtered_response,'loading');//



 }

---

更新

从HTML页面，我这样调用此函数

   let data = {
    url:'./assets/php/category.php',
    type:'POST',
    callback :'toprender',
    data:{all_cats:1},
    element_name:'cat'
  }
  Ajax(data);

当我以这种方式尝试时

AjaxCaller(data,topfunction,true);

这是整个功能

    AjaxCaller(data,callback,need){
     var loader= "";
     if(typeof data['loader'] !== "undefined"){
        loader = $("#"+data['loader']);
     }else{
        loader = $("#loading"); 
     }
     loader.show();
if(typeof data['url'] !== "undefined" && typeof data['type'] !== "undefined"){
    var $self = this;
    $.ajax({
        url:data['url'],
        type:data['type'],
        data:data['data'],
        success:function(response){
            loader.hide();
            var response = JSON.parse(response);
            var filtered_response = $self.ajaxError(response);
            if(need==true){
               callback(filtered_response,data['element_name']);                

            }

        }


    });




}else{
    console.log('Please Re Check The Objects');
}

 }

Answer 1

您正在尝试使用字符串作为函数。 你不能那样做。

您可能只想将callback :'toprender'更改为callback :toprender ：

let data = {
  url:'./assets/php/category.php',
  type:'POST',
  callback :toprender,
  data:{all_cats:1},
  element_name:'cat'
}
Ajax(data);

这会将callback设置为功能，而不是字符串。

现场示例：

 function toprender() { console.log("toprender called"); } function Ajax(data) { data.callback(); } let data = { url:'./assets/php/category.php', type:'POST', callback :toprender, data:{all_cats:1}, element_name:'cat' } Ajax(data);