Richieste cross-domain con jQuery

Question

Per un progetto è necessario ottenere il codice sorgente della pagina Web di diversi altri domini. Ho provato seguente codice:

$('#container').load('http://google.com'); 

$.ajax({ 
    url: 'http://news.bbc.co.uk', 
    type: 'GET', 
    success: function(res) { 
     var headline = $(res.responseText).find('a.tsh').text(); 
     alert(headline); 
    } 
}); 

Ancora non sto ottenendo alcun risultato, ma solo una finestra di avviso vuota.

Answer 1

Per impostazione predefinita tutti i browser limitano le richieste tra domini, è possibile aggirare questo utilizzando YQL come proxy. Vedere una guida qui: http://ajaxian.com/archives/using-yql-as-a-proxy-for-cross-domain-ajax

Answer 2

Per motivi di sicurezza, gli script non sono in grado di accedere al contenuto da altri domini. Mozilla ha un lungo articolo su HTTP access control, ma la linea di fondo è che senza il sito web che aggiunge il supporto per le richieste tra domini, sei fregato.

Answer 3

Questo codice è perfettamente funzionante con l'aiuto di jQuery e YQL

$(document).ready(function(){ 
    var container = $('#target'); 
    $('.ajaxtrigger').click(function(){ 
    doAjax($(this).attr('href')); 
    return false; 
    }); 
    function doAjax(url){ 
    if(url.match('^http')){ 
     $.getJSON("http://query.yahooapis.com/v1/public/yql?"+ 
       "q=select%20*%20from%20html%20where%20url%3D%22"+ 
       encodeURIComponent("http://www.yahoo.com")+ 
       "%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 { 
     $('#target').load(url); 
    } 
    } 
    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; 
    } 
}); 

Answer 4

Trovato una soluzione in più per questo:

function getData(url){ 
    if(url.match('^http')){ 
    $.get(url, 
     function(data){ 
     process(data); 
     }//end function(data) 
    );//end get 
    } 
} 

Questa è davvero una bella modo più semplice per gestire le richieste tra domini. Poiché alcuni siti come www.imdb.com rifiutano le richieste YQL.

Answer 5

La soluzione per il tuo caso è JSON con padding o JSONP.

Avrete bisogno di un elemento HTML che ha specificato per il suo attributo SRC un URL che restituisce JSON come questo:

<script type="text/javascript" src="http://differentDomain.com/RetrieveUser?UserId=1234"> 

È possibile cercare online per una spiegazione più approfondita, ma JSONP è sicuramente la tua soluzione per questo.

Answer 6

Effettuare le seguenti operazioni. 1: Aggiungi tipo di dati: jsonp allo script. 2: aggiungi un parametro "callback" all'URL 3: Crea una funzione javascript con lo stesso nome del valore param "callback". 4: L'uscita può essere ricevuta all'interno della funzione javascript.