javascript - 未捕获的错误：INVALID_CHARACTER_ERR：DOM 异常 5

Question

$('form#update').submit(function(){
    var _data = $(this).serializeArray();
    var param = {};
    $.map(_data,function(a,b){
        if(a.name=='HotelName'){
            param[a.name] = window.btoa(a.value);
        }
        else{
            param[a.name] = a.value;
        }
    });
    console.log(param);
    $.post('api.coupon_edit_post.php',param,function(r){
        coupons();
        reloadMarkers();
    });
    return false;
});

window.btoa 是否导致此错误？

我正在使用 window.btoa，所以我可以传递大部分字符。

编辑：我尝试了MDN 解决方案，但它不起作用。我正在使用 Google Chrome 版本 24.0.1312.57 m

Answer 1

错误肯定来自window.btoa.

您应该修改MDN 解决方案并在转换前省略解码步骤，如下所示：

function utf8_to_b64( str ) {
    return window.btoa(encodeURIComponent( str ));
}

function b64_to_utf8( str ) {
    return decodeURIComponent(window.atob( str ));
}

这会从编码字符串创建 b64 字符串，而不是再次对其进行解码（这将再次创建符号，btoa无法处理）。现在这有效：

utf8_to_b64('✓ à la mode');
b64_to_utf8("JUUyJTlDJTkzJTIwJUMzJUEwJTIwbGElMjBtb2Rl");

当然，由于编码，这显着延长了 b64 字符串。

您现在可以修改您的示例：

param[a.name] = utf8_to_b64(a.value);