Javascript 重定向时引导警报关闭
在这里,当点击按钮时,一个ajax请求被调用。如果ajax响应将成功,则显示警报框并重定向到另一个页面 我的问题是,当收到成功响应时,正确显示警报,但当重定向时,时间警报框消失 我想警报框也显示后重定向完成了一段时间,慢慢淡出 这里我使用Javascript 重定向时引导警报关闭,javascript,php,jquery,ajax,Javascript,Php,Jquery,Ajax,在这里,当点击按钮时,一个ajax请求被调用。如果ajax响应将成功,则显示警报框并重定向到另一个页面 我的问题是,当收到成功响应时,正确显示警报,但当重定向时,时间警报框消失 我想警报框也显示后重定向完成了一段时间,慢慢淡出 这里我使用$('.flash_alert')。延迟(5000)。淡出(“慢”)延迟(5000),我认为它使我的警报在重定向后可见,但不起作用 我的代码 index.php 拯救 $(文档).ready(函数(){ $(“#PIDetails-1_btn”)。单击(函数(
$('.flash_alert')。延迟(5000)。淡出(“慢”)代码>延迟(5000),我认为它使我的警报在重定向后可见,但不起作用
我的代码
index.php
拯救
$(文档).ready(函数(){
$(“#PIDetails-1_btn”)。单击(函数(){
$.ajax({
url:“ajax.php”,
键入:“POST”,
数据类型:“json”,
成功:功能(响应){
$(“.flash_alert”).html(response.msg).delay(5000.fadeIn();
$('.flash_alert')。延迟(5000)。淡出(“慢”);
如果(response.status==“success”){
window.location.href=“success.php”;
}
否则{
}
},
错误:函数(XMLHttpRequest、textStatus、errorshown){
window.location.reload();
},
});
});
});
ajax.php
$data1['status']=“成功”;
$data1['msg']='已成功保存';
echo json_编码($data1);
我需要帮助Blied1952,您正在寻找的功能通常与单页应用程序相关。这些web应用程序通常不会在接触到允许弹出窗口跨多个页面持久化的新资源时完全改变整个DOM。因为您已经习惯了jQuery,所以最好从以下位置开始
作为一种临时解决方案,如果必须按照网站当前的工作方式进行,您可以在页面加载时重新创建弹出窗口
<script type="text/javascript">
jQuery(function(){ // Equivalent to jQuery.ready();
jQuery.ajax({
"url": "ajax.php",
"type": 'POST',
"dataType" : "json",
"success": function(response){
// Add content to popup.
$(".flash_alert").html(response.msg);
$('.flash_alert').delay(5000).fadeOut("slow");
}
});
});
</script>
jQuery(函数(){//相当于jQuery.ready();
jQuery.ajax({
“url”:“ajax.php”,
“类型”:“职位”,
“数据类型”:“json”,
“成功”:功能(响应){
//将内容添加到弹出窗口。
$(“.flash_alert”).html(response.msg);
$('.flash_alert')。延迟(5000)。淡出(“慢”);
}
});
});
如果可以通过许多不同的方式访问此页面,则可以将get参数传递给名为redirect的页面,以确保只有在适当的时候才会显示弹出窗口。希望这有帮助。祝你好运。重定向将加载一个没有警报的新页面。我会立即重定向,并在success.php页面上显示该警报(并将其淡出)。
$data1['status'] = "success";
$data1['msg'] = '<div class="alert alert-success fade in"><a href="#" data-dismiss="alert" class="close">×</a><h5> Successfully Saved. </div>';
echo json_encode($data1);
<script type="text/javascript">
jQuery(function(){ // Equivalent to jQuery.ready();
jQuery.ajax({
"url": "ajax.php",
"type": 'POST',
"dataType" : "json",
"success": function(response){
// Add content to popup.
$(".flash_alert").html(response.msg);
$('.flash_alert').delay(5000).fadeOut("slow");
}
});
});
</script>