未捕获错误:INVALID_CHARACTER_ERR:DOM异常5

时间:2013-02-12 09:32:42

标签: javascript unicode base64

$('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 solution,但它无效。我使用的是Google Chrome版本24.0.1312.57 m

1 个答案:

答案 0 :(得分:6)

错误来自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);