1

この Web サイト ( http://www.thekatespanos.com/scrabble-score-calculator/ ) には、ユーザーが入力した単語をオンライン辞書と照らし合わせて検証できるボタンがあります。jQueryコードに関してコードがどのように機能するかは理解していますが、他のWebページからデータを取得するときにどのように機能するかは完全にはわかりません..

ここに例があります： -

$.ajax({
        url: 'http://dictionary.reference.com/browse/' + word,
        type: 'GET',
        error: function() {
            $('#validationDC').html('<span class="invalid">error loading from</span> <a target="_blank" href="http://www.dictionary.reference.com/browse/' + word + '">Dictionary.com</a>.');   
        },
        success: function(res) { 
            var definition = $(res.responseText).find('.results_content').html();
            if (definition) {
                $('#validationDC').html('<span class="word valid">' + word + '</span> is a valid word according to <a target="_blank" href="http://www.dictionary.reference.com/browse/' + word + '">Dictionary.com</a>.');
                //$('#definitionDC').html(definition);
            }
            else {
                $('#validationDC').html('<span class="word invalid">' + word + '</span> is not a valid word according to <a target="_blank" href="http://www.dictionary.reference.com/browse/' + word + '">Dictionary.com</a>.');
            }
        },
        complete: function() {
            $('.loading').remove();
        }
    });

このコードは、jQuery ajax リクエストを dictionary.reference.com に送信して、アプリケーションに入力された単語を検証し、返されたデータを解析して単語が有効かどうかを識別します。

同じオリジンポリシーを考えると、これはどのように可能ですか? 何かが足りないと感じているので、誰か説明してもらえますか。

4

0 に答える 0