vue使用urlEncode问题

 更新时间:2024年03月01日 10:22:12   作者:Heart邪影  
这篇文章主要介绍了vue使用urlEncode问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

vue使用urlEncode

// 解码用 
decodeURIComponent(str)
// 编码用 
encodeURIComponent(str)

为什么要urlencode()

why

1.当字符串数据以url的形式传递给web服务器时,字符串中是不允许出现空格和特殊字符串的

2.url对字符有限制,比如把一个邮箱放入url,就需要使用urlencode函数。

3.url转义其实也只是为了符合url的规范而已。因为在标准的url规范中中文和很多的字符是不允许出现在url中的。

urlencode的说明:

  • urlencode ( string $str ) : string

此函数便于将字符串编码并将其用于 URL 的请求部分,同时它还便于将变量传递给下一页。

  • 参数

str 要编码的字符串

  • 返回值

返回字符串,此字符串中除了-_.之外的所有 非字母数字 字符都被替换成百分号(%)后跟 两位十六进制数

空格 则编码位加号(+)。此编码与www表单post数据的编码方式是一样的,同时与application/x-www-form-urlencoded的媒体类型编码方式一样。由于历史原因,此编码在将空格编码为加号(+)方面与RFC3986编码不同。

哪些字符是需要转化的呢?

  • 1.ASCII的控制字符

这些字符都是不可打印的,自然需要进行转化。

  • 2.一些非ASCII字符

这些字符自然是非法的字符范围。转化也是理所当然的了。

  • 3.一些保留字符

很明显最常见的就是“&”了,如果这个出现在url中,那你认为是url中的一个字符呢,还是特殊的参数分割符呢?

  • 4.一些不安全的字符

例如:空格。为了防止引起歧义,需要被转化为“+”。

明白了这些,也就知道了为什么需要转化了,而转化的规则也是很简单的。

按照每个字符对应的字符编码,不是符合我们范围的,统统的转化为 % 的形式,自然也是16进制的形式。

和字符编码无关

通过urlencode的转化规则和目的,我们也很容易的看出,urlencode是基于字符编码的。同样的一个汉字,不同的编码类型,肯定对应不同的urlencode的串。gbk编码有gbk的encode结果。

apache等服务器,接收到字符串后,可以进行decode,但是还是无法解决编码的问题。编码的问题,还是需要靠约定或者字符编码的判断解决。

因此,urlencode只是为了url中一些非ASCII字符,可以正确无误的被传输,至于使用哪种编码,就不是urlencode所关心和解决的问题了。

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • Vue如何引用public中的js文件

    Vue如何引用public中的js文件

    这篇文章主要介绍了Vue如何引用public中的js文件,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-09-09
  • Vue路由对象属性 .meta $route.matched详解

    Vue路由对象属性 .meta $route.matched详解

    今天小编就为大家分享一篇Vue路由对象属性 .meta $route.matched详解,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-11-11
  • Composition API思想封装NProgress示例详解

    Composition API思想封装NProgress示例详解

    这篇文章主要为大家介绍了Composition API思想封装NProgress示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • vue3中defineComponent 的作用详解

    vue3中defineComponent 的作用详解

    这篇文章主要介绍了vue3中defineComponent 的作用,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-09-09
  • vue-table实现添加和删除

    vue-table实现添加和删除

    这篇文章主要为大家详细介绍了vue-table实现添加和删除,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-05-05
  • 关于vuex更新视图引发的一些思考详析

    关于vuex更新视图引发的一些思考详析

    我们在vuex中操作数据时遇见视图不更新的情况,下面这篇文章主要给大家介绍了关于vuex更新视图引发的一些思考,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-06-06
  • Vue中使用Echarts响应式布局flexible.js+rem适配方案详解

    Vue中使用Echarts响应式布局flexible.js+rem适配方案详解

    这篇文章主要介绍了Vue中使用Echarts响应式布局flexible.js+rem适配方案详解,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-01-01
  • 微信小程序使用uni-app一键获取用户信息

    微信小程序使用uni-app一键获取用户信息

    这篇文章主要介绍了微信小程序使用uni-app一键获取用户信息,需要的朋友可以参考下
    2023-01-01
  • this.$toast() 了解一下?

    this.$toast() 了解一下?

    这篇文章主要介绍了vue this.$toast()用法 ,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • Vue 解决路由过渡动画抖动问题(实例详解)

    Vue 解决路由过渡动画抖动问题(实例详解)

    这篇文章主要介绍了Vue 解决路由过渡动画抖动问题,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-01-01

最新评论