笨JavaScript警告成功的消息上单击确定页面刷新(codeIgniter Javascript

我有这样的代码：

<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
    ?>

我想说明这一成功警报消息，然后，如果用户点击OK，将刷新浏览器。 在我的情况下，它只是刷新浏览器。

会是怎样做到这一点的最好办法。

非常感谢提前。

Answer 1:

为了使你的代码按预期方式工作，你必须写，而不是使用PHP的Javascript刷新功能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; ?>

Answer 2:

我不知道这是可能的一个标准的警告框，你可以用一个确认做到这一点。

如

var con = confirm('Are you sure');

if (con == true) {
    //means the user clicked on `OK`
    //refresh the page
} else {
    //means the user clicked `Cancel`
}

另外，您可以使用自定义警告框，找到一个合适的只是在谷歌搜索。

文章来源: codeIgniter Javascript alert with success message on click ok page refresh