為了解決 JavaScript XMLHttpRequest 無法跨網域讀取設定檔而出現「Access-Control-Allow-Origin」的錯誤訊息,我先利用 Google apps-script 的「UrlFetchApp.fetch」將內容抓回來後,再以「Utilities.base64Encode」編碼,最後用 JSON MIME.type 回傳資料。JavaScript 收到資料以後再用 Base64 解碼。之前在寫筆順練習的程式時,就發現教育部網站回傳的 XML 檔案裡的中文字變問號,因為無損主要的筆順繪圖資料,沒放在心上。這回是要處理程式所需要的設定檔,裡頭可能會有很多中文字,只得花時間找出原因。
Google 來, Google 去,一直以為是 Google apps-script 端的問題,試了大半天,快被那些問號煩死了!一轉念,改看 JavaScript Base64 是否有中文問題,原來是自己對於 JavaScript 認識不夠,一直以為 JavaScript 內部是用 UTF-8 編在處理資料,其實中文用的是 UTF-16,難怪 Google apps-script 即使「Utilities.base64Encode」設了「Utilities.Charset.UTF_8」,在 JavaScript 以 Base64 解碼以後,中文還是一堆「問號」。只能說自己學藝不精,用時間換經驗啦!把 Google 端和 JavaScript 如何搭配整理如下:
Google apps-script 的部份:
「Utilities.base64Encode」必須指定以 UTF-8 編碼,例如:
stringOut = Utilities.base64Encode(stringIn, Utilities.Charset.UTF_8);
JavaScript 的部份:
如何進行 Base64 decode 就不贅述,主要是 Base64 解碼過的資料為 UTF-8 編碼,需要再轉為 UTF-16,在底下的網站中有人分享所需要的程式碼:
感謝 Masanao Izumo 大方的分享,我需要的程式在「utf.js」裡的「utf8to16」。
假設經由 Base64 解碼過的內容放在變數 stringBase64Decoded ,就將它再轉一下:
var result = utf8toutf16(stringBase64Decoded);
經由這樣的轉換,問號通通消失了!
將 Masanao Izumo utf.js 的程式碼剪貼在下面,以備不時之需:
------------------------------------------------------------------------------------
/* utf.js - UTF-8 <=> UTF-16 convertion
*
* Copyright (C) 1999 Masanao Izumo <iz@onicos.co.jp>
* Version: 1.0
* LastModified: Dec 25 1999
* This library is free. You can redistribute it and/or modify it.
*/
/*
* Interfaces:
* utf8 = utf16to8(utf16);
* utf16 = utf16to8(utf8);
*/
function utf16to8(str) {
var out, i, len, c;
out = "";
len = str.length;
for(i = 0; i < len; i++) {
c = str.charCodeAt(i);
if ((c >= 0x0001) && (c <= 0x007F)) {
out += str.charAt(i);
} else if (c > 0x07FF) {
out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F));
out += String.fromCharCode(0x80 | ((c >> 6) & 0x3F));
out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
} else {
out += String.fromCharCode(0xC0 | ((c >> 6) & 0x1F));
out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
}
}
return out;
}
function utf8to16(str) {
var out, i, len, c;
var char2, char3;
out = "";
len = str.length;
i = 0;
while(i < len) {
c = str.charCodeAt(i++);
switch(c >> 4)
{
case 0: case 1: case 2: case 3: case 4: case 5: case 6: case 7:
// 0xxxxxxx
out += str.charAt(i-1);
break;
case 12: case 13:
// 110x xxxx 10xx xxxx
char2 = str.charCodeAt(i++);
out += String.fromCharCode(((c & 0x1F) << 6) | (char2 & 0x3F));
break;
case 14:
// 1110 xxxx 10xx xxxx 10xx xxxx
char2 = str.charCodeAt(i++);
char3 = str.charCodeAt(i++);
out += String.fromCharCode(((c & 0x0F) << 12) |
((char2 & 0x3F) << 6) |
((char3 & 0x3F) << 0));
break;
}
}
return out;
}
------------------------------------------------------------------------------------
沒有留言:
張貼留言