encodeURIComponent()的使用

本文介绍如何解决SpringMVC中日期格式自动解析的问题,特别是在使用Ajax加载页面时遇到的时间格式转换错误,并提供了一个有效的解决方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在使用springMVC的过程中,若想让前台传递的字符串让后台用Date类型自动解析可以通过initBinder函数来实现.

之前我用表单提交方式向后台传递时间格式的数据(2013-03-06 22:00:00)可以正确解析.

但用自己手动拼接字符串让ajax来load页面的时候就解析错误了

var name = $("#search_name").val();
var startTime = $("#search_startTime").val();
var endTime = $("#search_endTime").val();
var url = basePath+"/chatroom/queryByParams?name="+name+"&startTime="+startTime+"&endTime="+endTime;


折腾了半天通过encodeURIComponent()函数来解决了。。

var url = basePath+"/chatroom/queryByParams?name="+encodeURIComponent(name)+"&startTime="+encodeURIComponent(startTime)+"&endTime="+encodeURIComponent(endTime);

想了下,主要还是(2013-03-06 22:00:00)这种时间格式之间的空格一般会被转换成%20.。。如果手动拼接则不会自动转换,要通过函数来实现。

url:https://blog.youkuaiyun.com/wendellup/article/details/8644417


### JavaScript 中 `encodeURIComponent` 的用法 `encodeURIComponent` 是一个用于对 URI 组件进行编码的内置 JavaScript 函数。它会对字符串中的非 ASCII 字符以及具有特殊含义的标点符号进行转义,确保生成的字符串可以安全地作为 URI 的一部分使用[^1]。 #### 主要特点 - 该函数会将除了字母、数字以及以下字符 `- _ . ! ~ * ' ( )` 以外的所有字符转换为百分号 `%` 后跟两位十六进制数的形式。 - 它特别适用于对 URI 查询字符串中的键或值进行编码[^4]。 #### 参数说明 - `uri`: 必需参数,表示需要被编码的 URI 组件或其他文本字符串。 #### 示例代码 以下是一个使用 `encodeURIComponent` 的示例: ```javascript var uri = "http://example.com/my test.php?name=ståle&car=saab"; document.write(encodeURIComponent(uri)); ``` 上述代码的输出结果为: ``` http%3A%2F%2Fexample.com%2Fmy%20test.php%3Fname%3Dst%C3%A5le%26car%3Dsaab ``` 在实际应用中,通常会结合表单数据来构造查询字符串。例如: ```javascript for (var i = 0; i < whichform.elements.length; i++) { var element = whichform.elements[i]; dataparts[i] = element.name + '=' + encodeURIComponent(element.value); } ``` 此代码片段展示了如何对表单元素的值进行编码并拼接成查询字符串的一部分[^3]。 #### 与 `encodeURI` 的区别 需要注意的是,`encodeURIComponent` 和 `encodeURI` 虽然功能相似,但存在关键差异。`encodeURI` 不会对某些在 URI 中具有特殊意义的字符(如 `?`, `#`, `&` 等)进行编码,而 `encodeURIComponent` 则会对这些字符进行编码。 #### 注意事项 当处理包含多维数组或复杂对象的数据时,建议先将其序列化为 JSON 字符串,然后再使用 `encodeURIComponent` 进行编码,以避免因特殊字符未被正确转义而导致的问题[^4]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值