url编码 及 js中url编码的api和应用

在因特网上传送URL,只能采用ASCII字符集,即是常说的get请求只能使用ASCII 字符

也就是说URL只能使用字母和数字[0-9a-zA-Z]、一些特殊符号$-_.+!*’()[不包括双引号]、以及某些保留字(空格转换为+),才可以不经过编码直接用于URL


RFC文档的建议:

这意味着 如果URL中有汉字或者不在ASCII字符集中的特殊符号,就必须编码后才能使用。
对于非ASCII字符RFC文档建议使用utf-8对其进行编码得到相应的字节,然后对每个字节执行百分号编码
在这里插入图片描述
可以看到a!@$%%5E&*() 都可以在ASCII对照表中查得到,而¥符号在ASCII对照表中是没有的,那么就会进行转换,首先会在UTF-8字符集中找到¥符号的16进制编码,经过Url编码之后得到%EF%BF%A5
在这里插入图片描述

url编码混乱的原因:

麻烦的是,建议始终都是建议,没有统一的一套标准,难免有些人会不听取建议。

标准的国际组织并没有规定具体的编码方法,而是交给应用程序(浏览器)自己决定。 这导致"URL

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
要将接口的 URL 和 Authorization 编码到二维码的内容,并显示二维码,你可以按照以下步骤进行操作: 1. 将接口的 URL 和 Authorization 组合成一个字符串,可以使用特定的分隔符来区分不同的部分。例如,假设你的接口 URL 是 `https://example.com/api`,Authorization 是一个 Bearer Token,你可以将它们组合成一个字符串,如 `https://example.com/api|BearerTokenValue`。 2. 使用合适的库或工具(例如 `qrcode` 等)将字符串编码为二维码的内容。这些库通常提供了将文本转换为二维码图像的功能。你可以将上面组合的字符串作为输入,生成对应的二维码图像。 3. 在前端页面显示二维码图像。你可以创建一个 `<img>` 元素,并将生成的二维码图像作为其 `src` 属性值,以便在页面上显示二维码。 以下是一个示例,使用 `qrcode` 库生成并显示二维码: ```javascript import QRCode from 'qrcode'; const url = 'https://example.com/api'; const token = 'BearerTokenValue'; // 将 URL 和 Authorization 组合成一个字符串 const combinedString = `${url}|${token}`; // 使用 qrcode 库生成二维码图像 QRCode.toDataURL(combinedString, { errorCorrectionLevel: 'H' }, (err, url) => { if (err) { console.error(err); return; } // 在前端页面显示二维码图像 const imgElement = document.createElement('img'); imgElement.src = url; document.body.appendChild(imgElement); }); ``` 在上面的示例,我们使用 `qrcode` 库的 `toDataURL` 方法将组合的字符串转换为二维码图像的 Data URL。然后,我们通过创建一个 `<img>` 元素,并将 Data URL 设置为其 `src` 属性,来在前端页面显示二维码图像。 请注意,这只是一个基本示例,实际的实现可能因你使用的技术栈和库而有所不同。你可以根据自己的需求和实际情况进行相应的调整。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

codingWeb

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值