jquery .load () позволяет избежать междоменной проблемы без YQL - PullRequest
Новая
       6

jquery .load () позволяет избежать междоменной проблемы без YQL

1 голос
/ 02 апреля 2012

Мне нужно вставить на мою страницу фрагменты HTML из внешнего URL, и я написал следующую простую функцию для решения междоменной проблемы с использованием прокси-сервера Yahoo: 

function crossDomainAjaxLoad(url, selector) {

    container = $('#container');

    if (url.match('^http')) {
        $.getJSON("http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20html%20where%20url%3D%22" + encodeURIComponent(url) + "%22&format=xml'&callback=?", function (data) {
            if (data.results[0]) {
                var data = filterData(data.results[0]);
                container.html(data);
            } else {
                var errormsg = '<p>Error: could not load the page.</p>';
                container.html(errormsg);
            }
        });
    } else {

        container.load(url, function () {});
    }
}

function filterData(data) {
    data = data.replace(/<?\/body[^>]*>/g, '');
    data = data.replace(/[\r|\n]+/g, '');
    data = data.replace(/<--[\S\s]*?-->/g, '');
    data = data.replace(/<noscript[^>]*>[\S\s]*?<\/noscript>/g, '');
    data = data.replace(/<script[^>]*>[\S\s]*?<\/script>/g, '');
    data = data.replace(/<script.*\/>/, '');
    return data;
}

Это работает отлично, но я обнаружил, чтонекоторые домены отклоняют запросы YQL, и я могу представить, что с этим подходом тоже есть проблемы с безопасностью.

Поэтому мне было интересно, есть ли междоменное решение для .load () в jQuery без использования YQL.

1 Ответ

1 голос
/ 28 июня 2013

Это прокси-серверы (не плагин), которые также могут помочь с междоменным запросом:

Чтобы получить данные с google.com, с по независимо от происхождения : 

$.getJSON('http://whateverorigin.org/get?url=' + /*proxy server*/
          encodeURIComponent('http://google.com') + '&callback=?',
          function (data){
            console.log("> ", data);
            $("#viewer").html(data.contents);
});

Или вы можете сделать это через cors -where : 

$.get(
    'http://cors-anywhere.herokuapp.com/' + /*proxy server*/
    'http://en.wikipedia.org/wiki/Cross-origin_resource_sharing',
    function (response) {
        console.log("> ", response);
        $("#viewer").html(response);
});

Я настоятельно рекомендую вам прочитать этот пост: Загрузка междоменной html-страницы с помощью jQuery AJAX , где вы найдете другие способы преодоления барьера Cross Domain .

Существует несколько плагинов jQuery, которые помогают с междоменными запросами:

...