だから私は取り組んでいるスクリプトを持っています。スクリプト内には、APIからデータを取得する別のphpファイルへのajax呼び出しがあります。API スクリプトには 3 つの異なる機能があります。そのため、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 が開始された後、関数 1 に対して「何とか何とか」というメッセージを表示したいと思います。 2」など、私が持っている機能の量、またはajaxが呼び出されたときのチェックリストのように、3つの機能を含むリストがあり、完了するまで緑色のチェックマークまたはその横に表示されないものがあります。これが理にかなっていることを願っています。