localStorage存储代替GET方式
来源:互联网 发布:萌妹系衣服淘宝店推荐 编辑:程序博客网 时间:2024/05/22 17:05
做久了前端开发就会知道,有时候需要把页面A的数据传到页面B上,用URL参数的形式会显得累赘。而且浏览器和服务器对于URL的长度也有所限制。
浏览器
1、IE
IE浏览器(Microsoft Internet Explorer) 对url长度限制是2083(2K+53),超过这个限制,则自动截断(若是form提交则提交按钮不起作用)。
2、firefox
firefox(火狐浏览器)的url长度限制为 65 536字符,但实际上有效的URL最大长度不少于100,000个字符。
3、chrome
chrome(谷歌)的url长度限制超过8182个字符返回本文开头时列出的错误。
4、Safari
Safari的url长度限制至少为 80 000 字符。
5、Opera
Opera 浏览器的url长度限制为190 000 字符。Opera 9 地址栏中输入190 000字符时依然能正常编辑。
服务器
1、Apache
Apache能接受url长度限制为8 192 字符
2、IIS
Microsoft Internet Information Server(IIS)能接受url长度限制为16 384个字符。
这个是可以通过修改的(IIS7)
configuration/system.webServer/security/requestFiltering/requestLimits@maxQueryStringsetting.
3、Perl HTTP::Daemon
Perl HTTP::Daemon 至少可以接受url长度限制为8000字符。Perl HTTP::Daemon中限制HTTP request headers的总长度不超过16 384字节(不包括post,file uploads等)。但当url超过8000字符时会返回413错误。
这个限制可以被修改,在Daemon.pm查找16×1024并更改成更大的值。
4、ngnix
可以通过修改配置来改变url请求串的url长度限制。
client_header_buffer_size 默认值:client_header_buffer_size 1k
large_client_header_buffers默认值 :large_client_header_buffers 4 4k/8k
由于jsonp跨域请求只能通过get请求,url长度根据浏览器及服务器的不同而有不同限制。
若要支持IE的话,url长度限制为2083字符,若是中文字符的话只有2083/9=231个字符。
若是Chrome浏览器支持的最大中文字符只有8182/9=909个。
既然对URL的长度有诸多的限制,那么为何不选用一种更“爽”的方式呢?
没错,就是LocalStorage
localStorageAPI跟sessionStorageAPI一样,参考API
这里提一下如果你的数据是Object或者Array时,为了能够在页面B能正常拿到所需要的数据,那么先转为字符串,然后在页面B再转回Object或者Array吧!
转为JSON字符串
localStorage.setItem('paramData', JSON.stringify(paramData));
转为JSON格式数据
JSON.parse(localStorage.getItem('paramData'));
用过localStorage会发现不会再想用GET拼接的方式了!实感!
- localStorage存储代替GET方式
- [html5]localStorage存储方式
- HTMl5的存储方式sessionStorage和localStorage
- localStorage的存储数组对象的方式
- 代替window.location get方式post提交
- 用数据库存储方式代替SharedPreferences
- localstorage存储
- LocalStorage存储
- localStorage存储
- localStorage存储
- localStorage存储
- localStorage存储
- Html5 Web的5中离线存储方式之localStorage
- HTMl5的存储方式sessionStorage和localStorage详解
- HTMl5的存储方式sessionStorage和localStorage详解
- HTMl5的存储方式sessionStorage和localStorage详解
- HTMl5的存储方式sessionStorage和localStorage详解
- HTMl5的存储方式sessionStorage和localStorage详解
- 知识图谱4-【再看一篇论文《End-to-End Relation Extraction using LSTMs on Sequences and Tree Structures》】
- freemarker模板引擎学习一.简介+helloworld
- Java资源路径各种情况总结(classpath)
- eclipse导入工程时一直提示项目存在
- kafka调试常用命令
- localStorage存储代替GET方式
- Selenium3+Firefox+IntelliJ IDEA
- 自定义view-canvas练习
- Android O新特性和行为变更总结
- UnityShader入门精要学习笔记(十四):立方体纹理
- RabbitMQ常用命令
- Linux中内存buffer和cache的区别
- SRM550 Div1Medium CheckerExpansion
- JavaWeb之Servlet开发(一)