jquery 로그인 시스템을 만들려고하지만 양식을 제출할 때 애니메이션 GIF가 나타납니다.jQuery .ajax 요청이 효과가 없습니다.
$(function(){
// Quand le formulaire est envoyé
$('#submit').click(function() {
// Fade out
var html = '<div id="head">Connexion en cours...</div>'+
'<div style="width:100%; text-align: center; margin-top:80px;"><span id="status">Prise de contact avec le serveur</span><span id="img"><br><img src="../img/loaders/bar_blue.gif"></span></div>';
replaceandfade('#center',html, 10);
$('#user').attr("disabled", true);
$('#pswd').attr("disabled", true);
var user = $('#user').val();
var pswd = $('#pswd').val();
// On envoie les infos de connexion
$.ajax({
type: "POST",
url: "ajax_login.php",
data: "user=bob&pswd=bob",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(data) {
$("#status").html("En attente de la réponse");
alert(data);
if(data.login == "failed"){
$("#img").html('');
$("#status").html("Le nom d'utilisateur ou le mot de passe saisie est invalide");
} else if(data.login == "success"){
$("#status").html("Connexion aprouvé, un instant...");
} else {
$("#status").html("Une erreur est survenu.");
};
}
});
});// END OF #submit.click
}) // END OF onload
ajax_login.php 페이지를 반환 : {"login":"failed"}
는
하지만 지금은 아무것도하지 않습니다 여기
는 코드입니다.replaceandfade
기능
function replaceandfade(div, content, sec) {
setTimeout(function() {
$(div).fadeOut("fast", function() {
$(div).html(content);
$(div).fadeIn("fast", function() {});
});
}, sec)
}
경고가 호출되고 있습니까? 서버의 응답은 무엇입니까? – tster