代码点火器 Javascript 警报，单击确定页面刷新时显示成功消息

codeIgniter Javascript alert with success message on click ok page refresh

本文关键字：刷新 显示 消息 成功 Javascript 点火器 警报 单击 代码      更新时间：2023-09-26

我有这样的代码：

<div class="alert alert-success">
    <a class="close" data-dismiss="alert">×</a>
    <?php 
        $message = "Your Upload was successful";
        if((isset($message))&&($message!='')){
        echo '<script> alert("'.str_replace(array("'r","'n"), '', $message).'");      </script>';
        }
       redirect($this->uri->uri_string());  //refresh page
    ?>

我想显示此成功警报消息，然后如果用户单击"确定"，它将刷新浏览器。就我而言，它只是刷新浏览器。

最好的

方法是什么。

提前非常感谢。

为了使您的代码按预期工作，您必须在 Javascript 中编写刷新函数，而不是使用 PHP redirect函数

，如下所示： 
<?php 
    $message = "Your Upload was successful";
    if ((isset($message)) && ($message != '')) {
        echo '<script>
            alert("'.str_replace(array("'r","'n"), '', $message).'");
            location.reload(true);
        </script>';
    }
?>

如果你想使用引导模式，试试这个：

<?php
$message = "Your Upload was successful";
if ((isset($message)) && ($message != '')):
?>
<div class="modal" id="alert-dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Alert</h4>
            </div>
            <div class="modal-body">
                <?php echo $message; ?>
            </div>
            <div class="modal-footer">
                <button data-dismiss="modal" type="button" class="btn btn-primary">OK</button>
            </div>
        </div>
    </div>
</div>
<script>
$(function() {
    $('#alert-dialog').modal('show').on('hidden.bs.modal', function () {
        location.reload(true);
    });
});
</script>
<?php endif; ?>

我不确定使用标准警报框是否可以做到这一点，您可以通过确认来完成。

例如

var con = confirm('Are you sure');
if (con == true) {
    //means the user clicked on `OK`
    //refresh the page
} else {
    //means the user clicked `Cancel`
}

或者，您可以使用自定义的警报框，只需在Google上搜索即可找到合适的警报框。

相关文章：