Question

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

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

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

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

提前谢谢！

Answer 1

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

我给你举了一个简单的例子：http://jsfiddle.net/Gajotres/bTgth/，让我们说当你打开这个例子时，它就像你的回页行为一样。

当打开带有id索引的页面时，我们将检查列表是否有内容，如果为真，则将其清空：

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