Question

我正在尝试使用ajax在我的index.html中加载一些页面，但是当我尝试刷新index.html时，在加载ajax内容后，它会显示index.html页面内容，然后我需要单击链接到再次加载ajax。

这就是我想要的

<!-- Loading Content -->
        <script type="text/javascript">
            function load_pages(url) {
                $('#project').html('<p><img src="../images/loader/ajax-loader1.gif" width="100" height="19" style="margin: 30% auto 0px 30%;"/></p>');
                /*$('#product-content').load(url);*/

                /*setTimeout(2000);*//*For Checking loading image*/

                $('#project').load(url, "",
                        function(responseText, textStatus, XMLHttpRequest) {
                            if (textStatus === 'error') {
                                $('#project').html('<p style="margin: 30% auto 0 30%;">Unable to load the content...</p>');
                            }
                        }
                );
            }
        </script>
        <!-- Loading Content End -->



<a href="javascript:void 0" onclick="load_pages('project-1/location.html');">Location</a></li>

这是我的问题视频

http://youtu.be/RB_NYPwkrsE

Answer 1

是的，它会发生，因为当页面刷新并转到其初始位置时，浏览器会刷新缓存。如果你仍然希望保留加载的ajax页面，那么你必须输入一个数据库的条目，如果值已经加载，则检查它是否已加载。然后你在pageload上调用你的ajax。这是我唯一的解决方案。

刷新页面后，ajax加载的内容消失，并显示主页面内容

1 个答案: