7

这是我做的一个类，它使用 YQL 来做谷歌翻译。

var Translator = {
    source: 'ro', // default
    target: 'en', // default
    url: 'http://query.yahooapis.com/v1/public/yql?q=select * from google.translate where q="',
    urlRemaining: '";&format=json&diagnostics=true&env=store://datatables.org/alltableswithkeys&callback=',
    diacritics: Array(),
    newCharacters: Array(),

    replaceAll: function( string, replace, replaceWith ) {
        return string.replace( new RegExp( replace, 'g' ), replaceWith );
    },

    replaceDiacritics: function( text ) {
        string = text;

        // diacritics and newCharacters should be arrays of the same length
        // diacritics should only be specified in lowercase - uppercased version will be assumed
        // durring the process
        for ( i = 0; i < this.diacritics.length; i++ ) {
            string = this.replaceAll( string, this.diacritics[i], this.newCharacters[i] );
            string = this.replaceAll( string, this.diacritics[i].toUpperCase(), this.newCharacters[i].toUpperCase() );
        }

        return string;
    },

    translate: function( text, target, source ) {
        target = target || this.target;
        source = source || this.source;

        return $.ajax({
            url: this.url + encodeURIComponent( this.replaceDiacritics( text ) ) + '" and source="' + source + '" and target="' + target + this.urlRemaining,
            dataType: 'json',
            cache: false
        });
    },

    spitResult: function( x, container ) {
        x.success(function(realData) {
            $report = realData.query.results.json.sentences;
            $result = '';
            if ($.isArray($report)) {
                for (i = 0; i < $report.length; i++) {
                    $result += $report[i].trans;
                }
            } else {
                $result = $report.trans;
            }

            if (container instanceof jQuery) {
                container.html($result);
            } else {
                container.innerHTML = $result;
            }
        });
    }
}

现在我在页面中的一组元素上调用它

promises = Array();

Translator.diacritics = Array('ă', 'â', 'î', 'ș', 'ț');
Translator.newCharacters = Array('a', 'a', 'i', 's', 't');

$('.translate').each(function() {
    $this = $(this);
    promises[promises.length] = Translator.translate($this.html(), 'en', 'ro');
    Translator.spitResult(promises[promises.length-1], $this);
});

这对 Firefox 和 Chrome 没有问题。但是，像往常一样，Internet Explorer（在我的例子中是 9）似乎是问题所在。据我所知，它存在于 promise resolver ( Translate.spitResult) 中——它被调用，但似乎没有数据传递给它。我在控制台中查看了它。promise 数组元素填充了 3 个对象（我确信这是正常的），但它是：

readyState: 0
responseJSON: undefined, status: 0
statusText: "No Transfer".

我尝试删除变音符号功能（现在我不确定为什么，因为无论如何应该有响应），我还尝试cache: false了 ajax 调用的模式，但无济于事。

有谁知道可能是什么问题？

先感谢您。

4

1 回答 1

0

是的 Internet Explorer 是你的问题...检查http://caniuse.com/#search=promise

如果这是问题所在，我认为您可以使用 polyfill ( https://github.com/taylorhakes/promise-polyfill )，从未尝试过使用 polyfill 进行承诺，但它肯定会像魅力一样工作

于 2016-08-24T13:53:02.097 回答