Javascript + jQuery 调用同一个函数 4 次是否正确？

Question

我有一个设置，其中包含相似数据(但排名不同)的 div 需要在启动时动态加载数据。为此，我通过 AJAX 加载一个 PHP 页面并传递一个参数，以便它知道要查询的排名。但是，为了在开始时加载，我需要连续调用同一个函数 4 次。这个语法正确吗？或者有没有一种方法可以在不调用大量相同函数的情况下编写它

$(document).ready(function(){
    getStuff(1);
    getStuff(2);
    getStuff(3);
    getStuff(4);
});
function getStuff(type) {
    $.ajax({
       type: "GET"
       ..........
       success: function(html) {
          $('[data-id="' + type + '"]').html(html);
       }
    });
}


<div id="rank1" data-id="1"></div>
<div id="rank2" data-id="2"></div>
<div id="rank3" data-id="3"></div>
<div id="rank4" data-id="4"></div>

Answer 1

$(document).ready(function(){

  // edit as per taseenb@ comment for performance
  var size = $("div[id^=rank]").size()

  for(var i = 1; i <= size; i++){
    getStuff(i);
  }
});