如何在我的页面中自动重新加载

时间:2013-11-10 14:32:21

标签: javascript jquery html

我怎样才能做到这一点?我想在history.go之后自动刷新我的页面。我发布了我的整个HTML

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" type="text/css" href="css/styles.css"/>
    <link rel="shortcut icon" href="img/favicon.png" type="image/png">
    <script src="//cdnjs.cloudflare.com/ajax/libs/json2/20110223/json2.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
    <script src="https://raw.github.com/andris9/jStorage/master/jstorage.js"></script>

    <script>
        $.jStorage.set("reload", true);

        if ($.jStorage.get("reload") === true) {
            $.jStorage.set("reload", false);
            window.location.reload()
        }
    </script>

    <script>
        function goBack(){
            window.history.go(-2);
        }
     </script>



    <title>Edit Success</title>
</head>
<body>
    <div id="container">
    <div id="content">

        <div class="md-modal md-show" id="modal-1">
            <div id="notifMessage">
                <h1>The information have been updated.</h1>
                <p><a onclick='goBack();'>View Patients</a></p>
            </div>
        </div>

    </div>
    </div>
</body>


我用我的整个html编辑了它并替换了你的帖子,但仍然没有用,或者我在实现它时错了

1 个答案:

答案 0 :(得分:0)

在你这样回来之后你无法重新加载,因为用户导航后的代码永远不会被执行。

相反,您需要在服务器端或用户浏览器上存储一个变量,以告知页面重新加载。然后......如果存在这样的参数,你会编写一个重新加载的脚本。

例如,通过使用jStorage插件,您可以执行类似这样的操作

//add jstorage script to your pages, just copy paste this
<script src="//cdnjs.cloudflare.com/ajax/libs/json2/20110223/json2.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script src="https://raw.github.com/andris9/jStorage/master/jstorage.js"></script>

然后在回到历史记录之前,将reload变量设置为true

$.jStorage.set("reload", true);
//Go back in history

并且在用户返回历史记录后,检查是否存在reload参数,如果存在,则执行重新加载。 下面的代码必须在每个页面上加载,因此您可以在jstorage脚本之后将其放入模板的标题中

if ($.jStorage.get("reload") === true) {
    $.jStorage.set("reload", false);
    window.location.reload()
}