`
zccst
  • 浏览: 3319151 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

又一次掉进encodeURIComponent的坑里了

阅读更多
作者:zccst

原坑:

get请求
ajax.get ( url+'?k1'=v1+'&k2'=v2+'&k3'=v3, ... );
由于URL只进行了encodeURI编码,所以想提交的参数有searchWord = a+b时,变成了a b。

解决办法:

ajax.post( url,
           params,....)
其中params是对象。


原因:如果参数是对象或数组时,组件库已经帮你进行encodeURIComponent了。

而如果你仅仅是字符串,组件库什么也没做,所以到后端时就把特殊字符给过滤了。


查资料1:encodeURI()用法
该方法不会对 ASCII 字母和数字进行编码,也不会对这些 ASCII 标点符号进行编码: - _ . ! ~ * ' ( ) 。
该方法的目的是对 URI 进行完整的编码,因此对以下在 URI 中具有特殊含义的 ASCII 标点符号,encodeURI() 函数是不会进行转义的:;/?:@&=+$,#
提示和注释

提示:如果 URI 组件中含有分隔符,比如 ? 和 #,则应当使用 encodeURIComponent() 方法分别对各组件进行编码。

例子:
document.write(encodeURI("http://www.w3school.com.cn")+ "<br />")
document.write(encodeURI("http://www.w3school.com.cn/My first/"))
document.write(encodeURI(",/?:@&=+$#"))

//批注:只转换域名后面的部分,并且对,/?:@&=+$#不处理。

// http://www.w3school.com.cn
// http://www.w3school.com.cn/My%20first/
// ,/?:@&=+$#




查资料2:encodeURIComponent()用法
该方法不会对 ASCII 字母和数字进行编码,也不会对这些 ASCII 标点符号进行编码: - _ . ! ~ * ' ( ) 。
其他字符(比如 :;/?:@&=+$,# 这些用于分隔 URI 组件的标点符号),都是由一个或多个十六进制的转义序列替换的。

提示:请注意 encodeURIComponent() 函数 与 encodeURI() 函数的区别之处,前者假定它的参数是 URI 的一部分(比如协议、主机名、路径或查询字符串)。因此 encodeURIComponent() 函数将转义用于分隔 URI 各个部分的标点符号。

例子:
document.write(encodeURIComponent("http://www.w3school.com.cn"))
document.write(encodeURIComponent("http://www.w3school.com.cn/p 1/"))
document.write(encodeURIComponent(",/?:@&=+$#"))


//对比
// http%3A%2F%2Fwww.w3school.com.cn
// http%3A%2F%2Fwww.w3school.com.cn%2Fp%201%2F
// %2C%2F%3F%3A%40%26%3D%2B%24%23




如果您觉得本文的内容对您的学习有所帮助,您可以微信:
分享到:
评论

相关推荐

    encodeURIComponent 文档

    - `encodeURIComponent`的一个重要用途是在构造查询字符串时使用,确保所有参数值都能被正确解析。 2. **`encodeURI`**: - `encodeURI`函数用于对整个URL字符串进行编码,包括路径、查询字符串等部分。 - 它会...

    encodeURIComponent编码后java后台的解码

    同学的毕业设计出现JavaScript用encodeURIComponentt编码后无法再后台解码的问题。 原来他是这样写的: window.self.location="searchbytext.action?searchtext="+encodeURIComponent(seartext);

    encodeURIComponent encodeURI 中文转GBK编码

    serialize , encodeURIComponent encodeURI 中文转成GBK编码 encodeURIComponent encodeURI 默认转 utf-8 ;重写方法 转成GBK

    JS中三种编码方式(escape,encodeURI,encodeURIComponent)

    此外,`escape()` 也不会编码Unicode字符,它会用两个百分号 `%u` 表示一个Unicode字符。 2. `encodeURI()` `encodeURI()` 函数设计用于编码整个URI(统一资源标识符)。它会将URI中特殊字符(如空格、#、%等)编码...

    Javascript中escape(),_encodeURI()和encodeURIComponent()之精析与比较.doc

    在JavaScript中,`escape()`, `encodeURI()`, 和 `encodeURIComponent()` 是三个常见的字符串编码函数,它们各自有独特的用途和特点。理解它们的区别对于编写健壮的JavaScript代码至关重要。 首先,`escape()` 函数...

    java 中类似js encodeURIComponent 函数的实现案例

    下面将详细讨论如何实现这一功能,以及`encodeURIComponent`和`decodeURIComponent`方法的工作原理。 `encodeURIComponent`函数的主要目的是确保字符串中的特殊字符和非ASCII字符在放入URI中时不会引起解析问题。它...

    escape、encodeURI、encodeURIComponent 区别详解

    ### escape、encodeURI、encodeURIComponent 区别详解 在前端开发中,经常需要用到字符串编码与解码的方法来确保数据在网络传输中的正确性与安全性。本文将详细介绍 `escape()`、`encodeURI()` 和 `...

    在asp中使用js的encodeURIComponent方法

    具体来讲,encodeURIComponent函数会将字符串作为URI的一部分进行转义,这意味着它会对所有的字符进行编码,包括那些通常不会被URL编码的字符,比如标点符号和特殊字符。这样做的好处是能够确保URI的每一部分都不会...

    深入解析:JavaScript中的`encodeURIComponent`与`decodeURIComponent`方法

    在Web开发中,处理URL是常见的任务之一。URL中包含的特殊字符可能会导致解析错误或安全问题。为了解决这些问题,JavaScript提供了两个内置函数:encodeURIComponent和decodeURIComponent。这两个函数对于编码和解码...

    escape、encodeURI 和 encodeURIComponent 的区别

    在JavaScript中,`escape()`, `encodeURI()`, 和 `encodeURIComponent()` 是三个常见的字符串编码函数,它们用于处理和转换字符串中的特殊字符。虽然它们都与字符串编码有关,但各自的作用和适用场景有所不同。 ...

    简单明了区分escape、encodeURI和encodeURIComponent

    在JavaScript中,`escape`、`encodeURI`和`encodeURIComponent`是三个用于字符串编码的方法,它们各有不同的用途和特点。理解这些方法的区别对于处理URL、查询字符串和其他特殊字符的编码至关重要。 首先,`escape`...

    JS中encodeURIComponent函数用php解码的代码

    在JS中使用了encodeURIComponent对中文进行编码在PHP中使用iconv('UTF-8','gb2312',$q);就可以得到你需要的字串了,其中gb2312根据你实际应用来定如还不明白为什么看下面的

    javascript encodeURI和encodeURIComponent的比较

    背景 encodeURI 和 encodeURIComponent都是ECMA-262标准中定义的函数,所有兼容这个标准的语言(如JavaScript, ActionScript)都会实现这两个函数。它们都是用来对URI (RFC-2396)字符串进行编码的全局函数,但是...

    JavaScript encodeURI 和encodeURIComponent

    encodeURI和encodeURIComponet函数都是javascript中用来对URI进行编码,将相关参数转换成UTF-8编码格式的数据。URI在进行定位跳转时,参数里面的中文、日文等非ASCII编码都会进行编码转换

    谈谈encodeURI和encodeURIComponent以及escape的区别与应用

    在JavaScript中,`encodeURI()`、`encodeURIComponent()`和`escape()`是三个用于字符串编码的函数,它们的主要目的是确保特殊字符在传输过程中不会引起错误。理解它们之间的差异对于编写正确处理URL和数据的...

Global site tag (gtag.js) - Google Analytics