我有一个设置,其中包含相似数据(但排名不同)的 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>
最佳答案
$(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);
}
});
关于Javascript + jQuery 调用同一个函数 4 次是否正确?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25386043/