ajax加载的内容页面刷新之后，内容怎么保持不变？

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了ajax加载的内容页面刷新之后，内容怎么保持不变？相关的知识，希望对你有一定的参考价值。

就是默认有个div是空白的，之后点击一个按钮用ajax加载内容到这个div。但是页面整个刷新F5之后，div还是会变成空白。有什么方法整个页面刷新div里ajax加载的内容保持不变？求大神给方法~

你按f5相当于重新加载当前页面，点击按钮时动态加载当前页面，不可能保持不变。
为了达到不变的效果，可以在body 刚加载页面的时候加载内容，跟刷新一样。 参考技术A 刷新页面相当于从新加载文档流，以前的操作全部失效。
ajax 是对文档流的操作。如果需要刷新页面也有内容的话，可以设置ajax在加载页面的时候同步加载，默认是异步请求本回答被提问者采纳

父页面刷新 保持iframe页面url不变

　　思路：点击父页面时写cookies--》刷新时从cookies中奖内容读取出来。

　　本文转自：http://blog.163.com/[email protected]/blog/static/114637885201282415580/

<body onbeforeunload="check()">
 <iframe id=‘fjob‘ name=‘fjob‘ style=‘width:757px;margin-top:10px; height:960px;padding:0px 5px;border:0 solid #f00;‘ frameborder="0" scrolling="no" 
 src={if $redirect_url}
 {$redirect_url}
 {else}"http://******.cn/jobs"{/if} >
 </iframe>
</body>

<script>
$(document).ready(function()
{
 var url = getCookie(‘pre_url‘);
 if (url)
 {
  $("#fjob").attr(‘src‘, );
 }
});

function check()
{
 pre_url = window.frames[‘fjob‘].document.location;
 setCookie(‘pre_url‘, pre_url, 1);
}

function getCookie(c_name)
{
 if (document.cookie.length>0)
   {
   c_start=document.cookie.indexOf(c_name + "=")
   if (c_start!=-1)
  { 
  c_start=c_start + c_name.length+1 
  c_end=document.cookie.indexOf(";",c_start)
  if (c_end==-1) c_end=document.cookie.length
  return unescape(document.cookie.substring(c_start,c_end))
  } 
   }
 return ""
}

function setCookie(c_name,value,expiredays)
{
 var exdate=new Date()
 exdate.setDate(exdate.getDate()+expiredays)
 document.cookie=c_name+ "=" +escape(value)+
 ((expiredays==null) ? "" : ";expires="+exdate.toGMTString())
}
</script>

 

以上是关于ajax加载的内容页面刷新之后，内容怎么保持不变？的主要内容，如果未能解决你的问题，请参考以下文章

如何刷新特定的div内容和内容来自ajax页面

如何用ajax实现，刷新页面时，页面设置的下拉菜单(select)、raido保持不变？

父页面刷新 保持iframe页面url不变

页面调用数据，并且刷新的时候，如何保持你的查看数据的位置不变，而不会跳转到开始位置

刷新页面时 select值保持不变

一个html网页，我想刷新里面的一部分，怎么办