本地存储与Web SQL

Dot*_*Dot 4 javascript jquery local-storage jquery-mobile web-sql

我正在开发一个项目,这是一个移动网络应用程序.我正在使用JQuery mobile.

我有一个带有jquery列表视图的页面,当用户点击列表视图中的每个项目时,与该项目关联的所有数据都将传递到对话框页面.我使用本地存储来传递页面之间的值.但是,我要做的是记录用户的操作并将其显示为活动源.存储他们点击的项目,他们在打开的对话框页面上花了多长时间,以及能够在新页面上显示所有这些信息.例

你点击了项目a

你在b项上花了15秒

等等

那么本地存储是否适合这个或WEB SQL?

我还注意到WeB SQL不再被主动维护了?http://www.w3.org/TR/webdatabase/ 这是否意味着它将被弃用?

本地存储示例:

每个项目都是一个json对象,我需要传递整个对象才能在新页面中查看它,所以我有:

function addPostToLocalStorage(YTfeeditems){
    $(".item").on('click', function () {

        var i = $('.item').index(this);
        console.log(i);

        var Viditem = YTfeeditems[i];
        console.log(Viditem);

        localStorage['youtubeclickedPost'] = JSON.stringify(Viditem);
        storedItem = localStorage['youtubeclickedPost'];
        retrievPostFromLocalStorage();
    }
});

function retrievPostFromLocalStorage(){
    var retrievedStringItem = localStorage.getItem(['youtubeclickedPost']);
    var convertedPost = JSON.parse(retrievedStringItem);
    showDetailedPost(convertedPost);
}
Run Code Online (Sandbox Code Playgroud)

当点击项目时,我想存储视频的ID,记录点击的时间,记录ytfullviewpage打开的时间以及单击"竖起"图像或"拇指"的页面记录内单击"已点击",将这些详细信息添加到本地ftorage并在新页面中检索它们以显示它们.我似乎可以理解在执行此操作时采用本地存储的方法.我已经在这里粘贴了我的javascript

这可能会给你一个更好的主意.

小智 7

WEB SQL已被弃用,但仍可在某些平台上使用http://caniuse.com/#feat=sql-storage localstorage我们可能对您的解决方案很好.如果您觉得需要更多存储空间,请使用http://pouchdb.com/,因为它具有适用于不同浏览器存储的交叉适配器以及一些很好的功能,如同步.

  • PouchDB为+1.这是一个优雅的解决方案,可以很好地取代Web SQL. (3认同)