日志:中文 URI 参数乱码之 encodeURI、encodeURIComponent、escape 作为 Ajax 中文参数编码给 ASP 的记录

前面提到的了 ASP 输出 UTF-8 编码的中文不定时出现乱码的解决方案:ASP页面改为UTF-8编码后,刷新页面中文输入输出不定时乱码终极解决方案

今天遇到的则是输入 UTF-8 编码中文 URI 参数乱码的问题,第一次可以,刷新后取得的输入参数就变成乱码。以下是解决方案:

针对 Ascii 32(0x20)~126(0x7E):

html 复制代码
0x20~0x7E
 !"#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_`abcdefghijklmnopqrstuvwxyz{|}~    完整时

          *+ -./0123456789      @ABCDEFGHIJKLMNOPQRSTUVWXYZ    _ abcdefghijklmnopqrstuvwxyz			escape()未编码字符
 %20%21%22%23%24%25%26%27%28%29*+%2C-./0123456789%3A%3B%3C%3D%3E%3F@ABCDEFGHIJKLMNOPQRSTUVWXYZ%5B%5C%5D%5E_%60abcdefghijklmnopqrstuvwxyz%7B%7C%7D%7E

 ! #$ &'()*+,-./0123456789:; = ?@ABCDEFGHIJKLMNOPQRSTUVWXYZ    _ abcdefghijklmnopqrstuvwxyz   ~		encodeURI()未编码字符,空格编码为%20
 %20!%22#$%25&'()*+,-./0123456789:;%3C=%3E?@ABCDEFGHIJKLMNOPQRSTUVWXYZ%5B%5C%5D%5E_%60abcdefghijklmnopqrstuvwxyz%7B%7C%7D~

 !     '()*  -. 0123456789       ABCDEFGHIJKLMNOPQRSTUVWXYZ    _ abcdefghijklmnopqrstuvwxyz   ~		encodeURIComponent()未编码字符,空格编码为%20
 %20!%22%23%24%25%26'()*%2B%2C-.%2F0123456789%3A%3B%3C%3D%3E%3F%40ABCDEFGHIJKLMNOPQRSTUVWXYZ%5B%5C%5D%5E_%60abcdefghijklmnopqrstuvwxyz%7B%7C%7D~

          *  -. 0123456789       ABCDEFGHIJKLMNOPQRSTUVWXYZ    _ abcdefghijklmnopqrstuvwxyz			form data 提交后剩余未编码字符

针对中文

html 复制代码
escape("中文"):               %u4E2D%u6587              Unicode的16进制形式,等价于 &#20013;&#25991;    hex(20013)=&H4E2D
encodeURI("中文"):            %E4%B8%AD%E6%96%87        UTF-8
encodeURIComponent("中文"):   %E4%B8%AD%E6%96%87        UTF-8

虽然 escape 函数已被废弃,推荐使用 encodeURIencodeURIComponent,而且 jq 的 serialize 已经用 encodeURI 转换了 URI 中的中文,因此不能再对 serialize 的结果进行encodeURI 转换,单独测试了只用 encodeURIencodeURIComponent 不用 serialize ,除非将 % 符号替换掉,否则中文参数提交到 ASP 页面后,ASP 的 Request 接收到参数二次刷新依然会是乱码,因为是 UTF-8 编码,简言之,就是 ASP 接收处理 encodeURIComponent 编码后的中文时灵时不灵的。故对于 ASP 来说,最适配的 URI 中文参数传递转换应该还是推荐 escape 转 Unicode 编码,不和转换为 UTF-8 的编码扯皮,扯不清楚,于是自己写了个简单的 VBS 版 unescape

html 复制代码
' VBS 版 unescape
Public Function unescape(s)
    Dim w
    w = wsplit(s, "%u", 4)  '--处理Unicode编码双字节
    w = wsplit(w, "%", 2)   '--处理Unicode编码单字符
    unescape = w
End Function
Public Function wsplit(s, sp, L)
    Dim w, p, i
    w = s
    If (InStr(w, sp) > 0) Then
         p = Split(w, sp)
         w = p(0)
         For i = 1 To UBound(p)
             w = w + ChrW("&H" & Mid(p(i), 1, L))    '----取出定长编码字节
             If Len(p(i)) > L Then  '----取出后面的编码字符
                 w = w + Mid(p(i), L + 1)
             End If
         Next
     End If
     wsplit = w
End Function

'以下是针对 Unicode 编码的 "&#20013;&#25991;" 形式的解码函数
public Function asctow(s)
    Dim p, w, a, i
    w = s
    If (InStr(s, "&#") > 0) Then
        p = Split(s, "&#")
        w = ""
        For i = 0 To UBound(p)
            If (InStr(p(i), ";") > 0) Then
                a = Split(p(i), ";")
                a(0) = Replace(a(0), ";", "")
                w = w + (ChrW(a(0)) + a(1))
            Else
                w = w + p(i)
            End If
        Next
    End If
    asctow = w
End Function

这回,不管怎么刷新都不会乱码了。

vbscript 复制代码
dim TmpStrA
rw "代码:<br/>dim TmpStrA" & "<br/>"
rw "TmpStrA=" & d & "A%20%21%22%23%24%25%26%28%29%u4E2DD%u6587123%u6587%u5B57Bc" & d & "<br/>"
rw "rw TmpStrA" & "<br/>"
rw "Rw " & d & "< hr/" & d & "<br/>"
rw "rw unescape(TmpStrA)" & "<br/><br/>"
Rw "<hr/> 运行结果:<br/><br/>"
TmpStrA="A%20%21%22%23%24%25%26%28%29%u4E2DD%u6587123%u6587%u5B57Bc"
rw TmpStrA
Rw "<hr/>"
rw unescape(TmpStrA)
re

但是 jq 的 .serialize() 默认会将中文参数用 encodeURIComponent() 转换掉,因此,不能用 .serialize() 。还是自己组装一下参数了。

相关推荐
汪洪墩25 分钟前
【Mars3d】设置backgroundImage、map.scene.skyBox、backgroundImage来回切换
开发语言·javascript·python·ecmascript·webgl·cesium
我曾经是个程序员1 小时前
鸿蒙学习记录
开发语言·前端·javascript
羊小猪~~1 小时前
前端入门之VUE--ajax、vuex、router,最后的前端总结
前端·javascript·css·vue.js·vscode·ajax·html5
2401_857600952 小时前
基于 SSM 框架 Vue 电脑测评系统:赋能电脑品质鉴定
前端·javascript·vue.js
天之涯上上2 小时前
Pinia 是一个专为 Vue.js 3 设计的状态管理库
前端·javascript·vue.js
高山我梦口香糖3 小时前
[react] <NavLink>自带激活属性
前端·javascript·react.js
撸码到无法自拔3 小时前
React:组件、状态与事件处理的完整指南
前端·javascript·react.js·前端框架·ecmascript
高山我梦口香糖3 小时前
[react]不能将类型“string | undefined”分配给类型“To”。 不能将类型“undefined”分配给类型“To”
前端·javascript·react.js
Elena_Lucky_baby4 小时前
实现路由懒加载的方式有哪些?
前端·javascript·vue.js
一雨方知深秋4 小时前
智慧商城:封装getters实现动态统计 + 全选反选功能
开发语言·javascript·vue2·foreach·find·every