Javascript 缓存图像&；本地使用phonegap的数据

我有一个phonegap应用程序，使用slim和ajax前端。当我列出某个页面时，我希望缓存数据，然后使用它，直到用户刷新或发送新数据的触发器

到目前为止，我有以下用于缓存json数据的方法： //将JSON数据缓存到localstorage中

try {
                                localStorage.setItem('cachedProducts', JSON.stringify(data));
                                JSON.parse(localStorage.getItem('cachedProducts'));
                                var bar = localStorage.getItem('cachedProducts');
                                clog(bar);

                            } catch (e) {
                                clog("didn't work");
                            }

---

它起作用了。但我不知道如何保存图像或如何触发服务器获取新数据。谢谢。

如果您需要保存少量图像，则可以将其转换为base64字符串并存储到本地存储器中。可以使用画布将图像转换为base64字符串。如果用户试图刷新内容，则连接到服务器并缓存最新内容。

格式非常糟糕的问题。请明确你想要什么。我希望能够修改我的ajax调用，以便在本地或远程获取内容，谢谢，谢谢，但听起来不错，但我如何访问和显示内容？我已经完成了所有的设置，但是这部分是$.ajax（{type:“GET”，url:“data:data，dataType:“json”，cache:false，我想自定义此部分，以便ajax在本地获取数据或从服务器获取数据。k您可以检查本地存储是否有数据，如果本地存储没有数据，则从服务器请求数据。下面是代码，如果（localStorage.getItem（'cachedProducts'）{//get the data from local storage}else{//使用ajex调用从服务器发出的请求}很酷，谢谢。我想看看是否可以为远程和本地调用一个可切换的ajax调用，但我想，这是ridic:）你能解释一下你想用可切换的ajax调用来远程和本地做什么吗？我不理解这一部分。你想用ajax调用从本地存储获取数据吗？好的。图像缓存你可以通过画布轻松完成。