jQuery Mobile AJAX加载带有搜索结果的先前数据

Question

我目前正在开发移动应用程序，并使用jQuery Mobile。 这个程序基本上是产品的搜索引擎。

当前，如果我要搜索产品，我的脚本将处理在搜索字段中提交的内容，并查找任何相关产品。 结果来自通过AJAX加载的JSON文件。 这没有缺陷。

我遇到的问题是，如果要搜索“一个”，然后返回搜索字段以再次搜索。 一旦我寻找其他东西。 第一次搜索的结果以及我的新搜索结果仍在结果页面上。 这显然是一个问题。

单击应用程序的“后退”按钮后，如何清除AJAX数据？ 这样，如果我搜索“一个”，则返回并搜索“两个”。 我只看到最近搜索的结果。

先感谢您！

Answer 1

当您返回上一页时，您需要查看listview内容是否为空，如果不是这种情况，他们将其清空。

我为您提供了一个简单的示例： http : //jsfiddle.net/Gajotres/bTgth/ ，可以说当您打开此示例时，它就像您的后退操作。

当带有ID索引的页面打开时，我们将检查list是否包含内容，如果为true，则为空：

$(document).on('pagebeforeshow', '#index', function(){       
    if($('#custom-list li').length > 0){
        $('#custom-list').empty();
    }
});