所以我有一个我正在处理的脚本,在脚本中是对另一个 php 文件的 ajax 调用,该文件从 api 中提取数据。api 脚本有三个不同的功能。因此,当我的 ajax 被调用时,我让它显示加载图像,但我还希望它根据正在运行的 api 脚本的功能显示文本。
这就是我现在正在使用的
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script>
function loadingAjax(div_id) {
var divIdHtml = $("#"+div_id).html();
$.ajax({
type: "POST",
url: "testmash.php?tag=<? echo $ptag; ?>",
data: "tag=John&id=28",
beforeSend: function() {
$("#loading-image").show();
},
success: function(msg) {
$("#"+div_id).html(divIdHtml + msg);
$("#loading-image").hide();
}
});
}
</script>
<body onLoad="loadingAjax('myDiv');">
<div id="myDiv" style="margin-top:500" align="center">
<img id="loading-image" src="ajax-loader.gif" style="display:none;"/>
</div>
</body>
因此,当加载 testmash.php 文件时,我想显示我的 ajax-loader.gif 以及在函数 1 完成并且函数 2 开始后出现一条新消息“我们正在执行函数”的消息2" 等等,对于我拥有的功能数量,甚至在调用 ajax 时喜欢一个检查列表,有一个包含三个功能的列表,并且完整的有一个绿色的复选标记,或者在它完成之前不会显示在它旁边的内容。我希望这是有道理的。