如何在页面背面保存部分视图html

Posted

技术标签:

【中文标题】如何在页面背面保存部分视图html【英文标题】:How to save partial view html on page back 【发布时间】:2021-11-24 05:45:29 【问题描述】:

我有搜索栏的视图和基于该搜索的显示表。所以起始视图如下所示:

我在<div id="ajaxPartialView"></div> 中显示部分视图

所以当我输入一些文本并单击搜索时,我会显示带有 ajax 调用的部分视图表,并收到如下结果:

这没问题,但是当我转到其他页面并在浏览器中按回时,我的文本输入已保存,但带有部分视图的 div 为空,如下所示:

为什么输入保存在页面后面,而带有部分视图的 div 是空的。我不会在页面加载或任何东西上调用 ajax 调用,我只是在单击搜索按钮时调用它。是否有任何解决方案或解释为什么该 ajax div 在页面背面为空?

【问题讨论】:

【参考方案1】:

这是因为页面加载时,没有点击按钮,所以局部视图不会显示。那你的代码怎么改成当搜索输入改变时,ajax会被调用。这样局部视图就不会显示在浏览器中按返回时为空。

$("#search").change(function () 
            callAjax()
        )
function callAjax()

    ...

【讨论】:

以上是关于如何在页面背面保存部分视图html的主要内容,如果未能解决你的问题,请参考以下文章

如何防止在背面片段导航上再次设置视图模型

使用 JavaScript 刷新浏览器后如何在一个页面网站中保存部分位置?

在 Fabric.js 中重置画布并使用 JSON 重新加载

iOS:如何将 UIView 翻转超过 180 度并查看背面?

如何在 Razor 页面中使用 MVC 部分视图和布局

Angular JS:单击按钮后如何在特定元素中加载 Angular js 部分视图页面