gpt4 book ai didi

Javascript/AJAX 异步加载 Spinners

转载 作者:行者123 更新时间:2023-11-29 22:13:39 25 4
gpt4 key购买 nike

我正在尝试制作一个足够基本的页面,允许用户通过单击按钮来执行 php 脚本。单击每个按钮都会有一个加载微调器弹出窗口。

我的问题是,在单击一个按钮然后单击另一个按钮时,两个微调器会同时关闭,即使第二个微调器可能仍在处理中。

有谁知道如何使这些微调器真正异步?非常感谢,这让我很生气。

JS:

function test(element){
var append = "#";
var test = append.concat(element);

document.getElementById(element).style.visibility='visible';

$.ajax({url:"test.php",success:function(result){
hide(element);
}

});
};

function hide(element){
document.getElementById(element).style.visibility='hidden';
};


</script>

HTML:

 <html>
<?
$index = 0;
$myArray = array ("1", "2", "3", "4", "5");
for($index = 0; $index < 5; $index++){?>

<button onclick="test('<?echo $myArray [$index];?>')">Start</button>

<img id="<?echo $myArray [$index];?>" src="images/loader.gif"
style="visibility:hidden"/>
<br><br>

<?}?>

</html>

最佳答案

我会实现一个计数器。每次显示加载指示器时,将计数器加一,每次要隐藏它时,减一。然后监控计数器,当它高于零时显示加载指示器,当它为零时隐藏它。有道理吗?

关于Javascript/AJAX 异步加载 Spinners,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16618706/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com