我创建了一个登录系统。通过 AJAX 提交登录表单。
但是,响应仅显示第一次。假设我首先输入了错误的凭据。响应显示。但是当我再次输入新凭据时,它不会显示响应消息。对不起,我对JQuery比较陌生。
下面的 Gven 是 Jquery 代码
<script type="text/javascript">
$(document).ready(function() {
var form = $('#loginform');
form.submit(function (ev) {
ev.preventDefault();
$.ajax({
type: form.attr('method'),
url: form.attr('action'),
cache: false,
data: form.serialize(),
success: function (data) {
if(data == 1){
$("#user-result").html("<font color ='#006600'> Logged in | Redirecting..</font>");
setTimeout(
function()
{
window.location.replace("index.php");
}, 1000);
}
else{
$("#user-result").html(data).delay( 2500 ).fadeOut( 800 );
}
}
});
});
});
</script>
我认为这可能是淡出的问题。有什么帮助吗?
由于您使用的是 fadeOut(),因此当第二个通知到来时,user-result
元素是隐藏的。所以
$("#user-result").html("<font color ='#006600'> Logged in | Redirecting..</font>").show();
$("#user-result").html(data).show().delay( 2500 ).fadeOut( 800 );
是的,隐藏消息容器的fadeout
问题。在显示新消息之前,您必须显示容器:
$("#user-result").html("<font color ='#006600'> Logged in | Redirecting..</font>").show();
一旦任何元素淡出,它不会出现,直到页面重新加载或淡入()
if(data == 1){
$("#user-result").html("<font color ='#006600'> Logged in | Redirecting..</font>").fadeIn("slow");
setTimeout(
function()
{
window.location.replace("index.php");
}, 1000);
}
else
{
$("#user-result").html(data).delay( 2500 ).fadeOut( 800 );
}
当数据 ==1 时,使用 fadeIn()
你需要使用 setInterval(function(){}); 以便每次循环。