如何在单个html5jquery移动应用程序中刷新页面

How do I refresh a page in single html5 jquery mobile app

本文关键字：刷新 应用程序 移动 单个 html5jquery      更新时间：2023-09-26

我正在使用jquery mobile 1.4开发一个应用程序。我有一个问题，当我使用编辑表单编辑项目时，更改会保存在localStorage中，但当我访问列表视图页面时，它不会反映出来，除非我手动刷新页面。

我的表单保存事件是这样的

                   //After the selected employees has been edited
localStorage.setItem("employees", JSON.stringify(employees));   //set the update values to localstorage
alert('Employee Updated Successfully');
    $('#employees_list').listview('refresh');
 $.mobile.changePage("#home_page");

所以我没有手动刷新，我添加了

                            history.go(0);

历史的问题。go（0）；使用phonegap编译后，它会显示一个空白屏幕，并在重新加载时退出一段时间，这让应用程序看起来好像崩溃了。

那么，关于如何在不重新加载整个html文件的情况下刷新列表视图页面，有什么建议吗？这是一个带有列表视图页面的单个html5页面

                      id = '#employee_list_view_page'.

或者将其设置为几秒钟后停止（或超时），这样用户就不会认为应用程序崩溃了。感谢

我注意到您正在将新数据保存到本地存储中，但在刷新之前似乎没有用新数据重新加载列表，这可能是页面没有更新的原因。除了刷新列表视图之外，您还需要手动调用通常用于将数据加载到列表视图中的函数。请确保在调用刷新之前调用此函数。希望它能有所帮助！

相关文章：