使用Post提交时须将空格转换成加号的解释
更新时间：2013年01月14日 17:20:02 作者：
参数有中包含空格且使用Post提交时须将空格转换成加号,这样后台程序接受到的才是真正的空格,感兴趣的朋友可以了解下
jQuery的serialize模块中有个r20正则
var r20 = /%20/g,
jQuery.param方法中会将所有的"%20"转成"+"，即提交数据前，数据中如果包含空格，那经过encodeURIComponent后，空格会转成"%20"
encodeURIComponent(' ') === '%20'; // true
最后需要将"%20"转换成"="再Post提交。这样后台程序接受到的才是真正的空格。
关于 encodeURIComponent，见MDC描述
encodeURIComponent escapes all characters except the following: alphabetic, decimal digits, - _ . ! ~ * ' ( )
To avoid unexpected requests to the server, you should call encodeURIComponent on any user-entered parameters that will be passed as part of a URI. For example, a user could type "Thyme &time=again" for a variable comment. Not using encodeURIComponent on this variable will give comment=Thyme%20&time=again. Note that the ampersand and the equal sign mark a new key and value pair. So instead of having a POST comment key equal to "Thyme &time=again", you have two POST keys, one equal to "Thyme " and another (time) equal to again.
For application/x-www-form-urlencoded (POST), per http://www.w3.org/TR/html401/interac...m-content-type, spaces are to be replaced by '+', so one may wish to follow a encodeURIComponent replacement with an additional replacement of "%20" with "+".
相关：
https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/encodeURIComponent
http://www.w3.org/TR/html401/interact/forms.html#form-content-type
复制代码 代码如下:
var r20 = /%20/g,
jQuery.param方法中会将所有的"%20"转成"+"，即提交数据前，数据中如果包含空格，那经过encodeURIComponent后，空格会转成"%20"
复制代码 代码如下:
encodeURIComponent(' ') === '%20'; // true
最后需要将"%20"转换成"="再Post提交。这样后台程序接受到的才是真正的空格。
关于 encodeURIComponent，见MDC描述
encodeURIComponent escapes all characters except the following: alphabetic, decimal digits, - _ . ! ~ * ' ( )
To avoid unexpected requests to the server, you should call encodeURIComponent on any user-entered parameters that will be passed as part of a URI. For example, a user could type "Thyme &time=again" for a variable comment. Not using encodeURIComponent on this variable will give comment=Thyme%20&time=again. Note that the ampersand and the equal sign mark a new key and value pair. So instead of having a POST comment key equal to "Thyme &time=again", you have two POST keys, one equal to "Thyme " and another (time) equal to again.
For application/x-www-form-urlencoded (POST), per http://www.w3.org/TR/html401/interac...m-content-type, spaces are to be replaced by '+', so one may wish to follow a encodeURIComponent replacement with an additional replacement of "%20" with "+".
相关：
https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/encodeURIComponent
http://www.w3.org/TR/html401/interact/forms.html#form-content-type
相关文章
sessionStorage存储时多窗口之前能否进行状态共享解析
这篇文章主要为大家介绍了sessionStorage存储时多窗口之前能否进行状态共享解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-02-02
这篇文章主要介绍了使用typescript类型来实现快排详情，文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下2022-08-08
这篇文章主要为大家详细介绍了JavaScript仿微信打飞机游戏的相关代码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
本文为大家写了个很漂亮、兼容火狐的Js日期选择，自动填充到输入框，代码如下，有需要的朋友可以参考下2013-08-08
JavaScript中Infinity(无穷数)的使用和注意事项
Infinity(无穷大)在 JS 中是一个特殊的数字,它的特性是它比任何有限的数字都大,如果不知道 Infinity,我们在一些运算操作遇到时,就会觉得很有意思,下面这篇文章主要给大家介绍了关于JavaScript中Infinity(无穷数)的使用和注意事项,需要的朋友可以参考下2022-04-04
这篇文章主要为大家详细介绍了bootstrap fileinput实现文件上传功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
这篇文章主要给大家介绍了关于前端实现下载文件(包含压缩包下载)方式的相关资料,这段时间项目需要下载文件,所以这里给大家总结下,需要的朋友可以参考下2023-09-09
这篇文章主要介绍了taro小程序添加骨架屏的实现代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-11-11
这篇文章主要为大家详细介绍了微信小程序实现树莓派（raspberry pi）小车控制，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-02-02
我们曾经讲过JS由三部分组成，其中一个部分就是BOM，用于对浏览器进行操作。这篇文章我们主要来介绍BOM应用，感兴趣的朋友一起看看吧2018-02-02
最新评论