jquery - 对服务器的单个 ajax 请求，尝试在 jquery 中多次重用对象

Question

我为产品创建了一个图片库，并有 2 个不同的视图。每次选择一个视图时，都会向服务器发送一个 ajax 请求并返回一个 json 对象。我的代码目前可以工作，但我担心它可以变得更快，而且我不确定 $.empty() 是否真的从内存中清除了 json 对象。

编码：

<div id=grid2></div>
<div id=grid4></div>
<section id=maindisplay> 

$.ajax({   // DEFAULT VIEW                                    
  url: 'query.php',                          
  data: "",                         
  dataType: 'json',                      
  success: ajaxfunction
}); 

function ajaxfunction(json_data){
  console.log (json_data) 
  //format json_data here in to a table
  $("#maindisplay").append(table);
}

$("#grid2").click(function(){
  $.ajax({                                      
    url: 'query.php',                            
    data: "",                        
    dataType: 'json',                     
    success: ajaxfunction2
  });
});

function ajaxfunction2(json_data){  //ONE OF THE GRID VIEWS
  $("#maindisplay").empty();
  console.log (json_data) 
  //format json_data here in to a table
  $("#maindisplay").append(table);
}

</section>

我已经尝试过，但是我可以使用 json 数据在本地创建另一个对象以供重用而无需再次调用吗？

Answer 1

如果我理解正确，您不想检索 JSON 数据并多次引用它？如果是这样，那么可以，您只需要在发送 ajax 请求之前创建一个变量，然后将数据分配给该变量。类似于下面的。

var jsonData;
$.ajax({                                 
  url: 'query.php',                          
  data: "",                         
  dataType: 'json',                      
  success: function(data){
     jsonData = data;
     ajaxfunction(data);
  }
});