Javascript 在jQuery选项卡中缓存页面加载？

我的html：

<div id="tabs">
    <ul>
        <li><a href="~/WebAppOne">Web App One</a></li>
        <li><a href="~/WebAppTwo">Web App Two</a></li>
    </ul>
</div>

问题是我只想加载一次选项卡内容。它第一次加载时很好，但是如果我在选项卡之间单击，它将重新加载页面。因此，如果用户在WebAppOne上的表单中输入了内容，切换到WebAppTwo并返回将取消他们的更改

那么首先，

cache:true

是我想要的吗？还是像普通浏览器一样缓存页面？理想情况下，我希望在页面加载时异步加载所有选项卡内容区域，然后再也不要加载，无论它们如何单击

---

有什么方法可以做到这一点吗？

如果您的web服务器发送缓存控制头，并且浏览器尊重这些缓存，那么缓存将“神奇地发生”

---

是否找到了这些页面？你正在使用asp.net吗？我认为您需要解析这些URL？不起作用：（我需要某种“加载一次”设置。每次我点击一个选项卡，它就会击中服务器，并清除表单数据（正如Kevin B在下面的回答中所描述的）我不完全确定您想要什么，但我认为您需要使用诸如#WebAppOne.之类的HREF，并在初始页面加载时使用AJAX调用填充选项卡内容一次（或者在提供页面之前构建所有内容）.@ToddGibson这正是我现在正在做的工作-似乎jquery选项卡无法只执行“加载一次”调用。每次单击都会加载。但这并不能解决他的问题。即使页面被缓存，表单数据在检索时也会丢失，无论是从浏览器缓存检索还是重新发布新版本探索。

$( document ).ready( function () {
    $( "#tabs" ).tabs( {
        cache: true
    } );
} );