从ajax获取数据后重新加载页面答案

【问题标题】：reloading page after fetching data from ajax从ajax获取数据后重新加载页面
【发布时间】：2011-11-29 07:17:38
【问题描述】：

我正在使用ajax动态获取数据，但是有问题。当我刷新页面时，获取的数据会丢失。我希望刷新页面后数据保持不变。

假设这是我的页面：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Index Page</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript">
/* fetching data which matches the keyword*/
function Search()
    {
    $.post("search.php", {search_word: $('#searchInput').val()} , function(data){ 
    if(data){
        $('#results').show();                   
        $("#results").append(data);                 
    }
    });
    }
</script>
</head>

<body>
<input type="text" value="" id="searchInput"/>
<input type="button" value="Search" onclick="Search();"/>
<div id="results" style="display:none"></div>
</body>
</html>

当我点击搜索按钮时，结果 div 中的数据会在刷新页面后消失。

【问题讨论】：

您应该向社区提供您的一些代码，以便我们了解您正在尝试做什么并为您提供详细的帮助。
假设有一个 id 为 demoDiv 的 div 并且来自搜索页面的响应数据进入了这个 div，现在当我刷新页面时这个 div 数据会消失......但我希望数据会保留重新加载页面后在这里...您现在可以理解这是我的问题吗？？？
是的，您可以编辑您的问题以包含您正在使用的示例代码吗？也许是 ajax 加载部分？
你可以尝试使用jquery cookies 或者html5 web sql，或者直接保存到数据库中

标签： php jquery ajax

【解决方案1】：

将该数据保存在session 或database 中，然后从那里获取因为刷新页面后get和post变量会自动销毁。

【讨论】：

是的，当您获得内容然后再次在同一页面上一次又一次地发布该值

【解决方案2】：

考虑使用 cookie 数据。

这个 jQuery 插件可以解决问题： http://plugins.jquery.com/project/cookie

$.cookie('example', 'foo'); //the name is example and that value is foo.

获取 cookie 的值很简单...

alert($.cookie('example');

因此，在动态加载数据后，您可以将该数据存储在 cookie 中。虽然如果您要获取大量数据，这可能是一个糟糕的解决方案。

这个问题很难回答，因为缺少示例代码，因此不了解您的意图或您在做什么/在做什么。

【讨论】：