不要使用ajax重新加载已加载的页面

Question

我有一个菜单，我想用ajax

加载我的div中的内容

如果页面已加载并且我切换回页面，则不得重新加载页面

我的代码是

<list name="names" table="names">
  <key column="name_id"></key>
  <index column="seq"></index>
  <element column="names" type="string"></element>
</list>

有没有解决方案 感谢

Answer 1

var requestCache = {};

$(".menulist").on("click", function (e) {
    e.preventDefault();
    var url = $(this).attr("href");

    if ( requestCache[ url ] ) {
        $('#result').html(requestCache[url]);
    } else {
        $.ajax({
            url: url,
            dataType: 'html',
            cache: true,
            success: function (data) {
                $('#result').html(data);
                requestCache[url] = data;
            }
        });
    }
});