Utilizzare la funzione Ajax() in Jquery per caricare PARTE di una pagina esterna in div

Question

Sto provando a caricare un elemento DIV da una pagina esterna nella mia pagina corrente utilizzando la funzione Ajax/jQuery.ajax. Mentre sono riuscito a caricare un'intera pagina esterna, non riesco a caricare solo l'elemento DIV.

Ecco il mio codice:

$("a").click(function() { 
    /* grabs URL from HREF attribute then adds an */ 
    /* ID from the DIV I want to grab data from */ 
    var myUrl = $(this).attr("href") + "#external-div"; 
    $.ajax({ 
    url: myUrl, 
    success: function(html) { 
    /* loads external content into current div element */ 
    $("#current-div").append(html); 
    } 
    }); 
    return false; 
}); 

afferra l'attributo HREF senza alcuna difficoltà, ma non aggiungerà "# esterno-div" per l'URL. Qualche idea?

Grazie mille!

~ Jared Crossley

Answer 1

Se si voleva tornare solo che div è possibile utilizzare il metodo di jQuery load per caricare semplicemente il contenuto restituito nel vostro #current-div ala

$("a").click(function() { 
    /* grabs URL from HREF attribute then adds an */ 
    /* ID from the DIV I want to grab data from */ 
    var myUrl = $(this).attr("href") + " #external-div"; 
    $("#current-div").load(myUrl); 
    return false; 
}); 

Date un'occhiata al jQuery Ajax/load documentation