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

Question

我正在尝试使用 ajax 在我的索引中加载一些页面.html但是当我尝试刷新索引时成功加载 ajax 内容后.html它会显示索引.html页面内容 conly，然后我需要单击链接再次加载 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 页面加载状态，则必须输入数据库条目，并检查它是否已加载 value 是否表示它已加载。然后你在Pageload上调用你的Ajax。根据我的说法，这是唯一的解决方案。