ログインを検証するためにクエリ/ ajaxを使用しています。ログイン送信が押されると、関数が呼び出されます。
検証にかかる 1 ~ 2 秒間は、gif を表示したいのですが、コードが機能しません。画像のパスは正しいです。除外するために絶対を試しました。また、fadeIn を削除して .html() 内にランダム テキストを追加しようとしましたが、まだ何もありません。
私は何が欠けていますか?もう眉をひそめられない!:)
関数のバルク。「checking...」が表示されることに注意してください。(これは画像を上書きしている可能性がありますか?)
var params = {username: username, password: password};
var url = "../loginProcessAjax.php";
$("#statusLogin").show();
$("#statusLogin").fadeIn(400).html('<img src="../images/loading.gif" />');
$.ajax({
type: 'POST',
url: url,
data: params,
dataType: 'json',
beforeSend: function() {
document.getElementById("statusLogin").innerHTML= 'checking...' ;
},
success: function(data) {
編集:したがって、「checking...」行にコメントを付けると、画像を表示できることがわかりました。これを説明してください。両方を一緒に表示するにはどうすればよいですか?