HTML5 的以下东西有啥区别,可以做啥，兼容性咋样？

This topic created in 3587 days ago, the information mentioned may be changed or developed.

1.FormData

2.Web SQL

3.Local Storage

4.Session Storage

5.Cookies

6.Cache Storage

HTML5 的以上东西可以做什么，？区别在哪里？ PC 端和 Mobile 端的支持情况如何？

Storage

html5

东西

formdata

5 replies • 2016-08-13 00:58:32 +08:00

lxrmido

Aug 12, 2016

这已经不是区别的问题了……除了都跟存储 /数据有关之外没别的共同点了。

FormData 通常用于 ajax 传输数据，是通常；
WebSQL 请参考字面意思，不过还没流行就被冷落了；
LocalStorage 应用很广泛，通常用来存储下次打开本域的页面时还需要读取的数据，持久化的；
SessionStorage 通常被当做非持久化的 LocalStorage 来使用；
Cookies 一般拿来存本地的需要重复使用的表单数据、登陆令牌等，因兼容性好应用是最广泛的；
CacheStorage 一般配合 worker 通讯用；

兼容性请看： http://caniuse.com

bdbai

Aug 12, 2016 via Android

5 兼容性最好，但前端直接用并不优雅。 1 、 3 、 4 兼容性已经不错了。
另外推荐一个 Service Worker ，兼容性并不好，但未来也许会推广。

learnshare

Aug 12, 2016

我觉得最好去查资料，每个都可以讲上三五页

morethansean

Aug 12, 2016

看你罗列的猜用途……
然后我不明白 1 为什么在里面……

YuJianrong

Aug 13, 2016

这贴不错，没听说过 Cache Storage 查了一下长见识了……