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所关心和解决的问题了。

总结

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

相关文章

  • Vue2.X 通过AJAX动态更新数据

    Vue2.X 通过AJAX动态更新数据

    这篇文章主要介绍了Vue2.X 通过AJAX动态更新数据的方法,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-07-07
  • vue实现excel文件的导入和读取完整步骤

    vue实现excel文件的导入和读取完整步骤

    Vue的数据绑定功能非常强大,很适合用来读取Excel内容,这篇文章主要给大家介绍了关于vue实现excel文件的导入和读取的相关资料,文中通过代码示例介绍的非常详细,需要的朋友可以参考下
    2023-10-10
  • 解决在el-dialog中无法正确获取DOM的问题

    解决在el-dialog中无法正确获取DOM的问题

    这篇文章主要介绍了解决在el-dialog中无法正确获取DOM的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-03-03
  • vue router仿天猫底部导航栏功能

    vue router仿天猫底部导航栏功能

    这篇文章主要介绍了vue router仿天猫底部导航栏功能,需要的朋友可以参考下
    2017-10-10
  • vue中使用gojs/jointjs的示例代码

    vue中使用gojs/jointjs的示例代码

    这篇文章主要介绍了vue中使用gojs/jointjs的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08
  • vue引入css文件导致全局污染的问题

    vue引入css文件导致全局污染的问题

    这篇文章主要介绍了vue引入css文件导致全局污染的问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-10-10
  • vue请求接口并且携带token的实现

    vue请求接口并且携带token的实现

    本文主要介绍了vue请求接口并且携带token的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-07-07
  • vue悬浮可拖拽悬浮按钮的实例代码

    vue悬浮可拖拽悬浮按钮的实例代码

    这篇文章主要介绍了vue悬浮可拖拽悬浮按钮的实例代码,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-08-08
  • vue使用docx-preview实现docx文件在线预览功能全过程

    vue使用docx-preview实现docx文件在线预览功能全过程

    文件在线预览是目前移动化办公的一种新趋势,下面这篇文章主要给大家介绍了关于vue docx-preview实现docx文件在线预览功能的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-04-04
  • vue导出excel多层表头的实现方案详解

    vue导出excel多层表头的实现方案详解

    这篇文章主要为大家详细介绍了vue导出excel多层表头的实现方案,文中的示例代码简洁易懂,具有一定的借鉴价值,有需要的小伙伴可以跟随小编一起学习一下
    2025-04-04

最新评论