Utilizza 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.Anche se sono riuscito a caricare con successo un'intera pagina esterna, non riesco a caricarla Appena 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;
});

Cattura l'attributo HREF senza problemi, ma non aggiunge "#external-div" all'URL.Qualche idea?

Grazie mille!

~Jared Crossley

Answer 1

Se volessi semplicemente restituire quel div potresti usare il file load metodo di jQuery per caricare semplicemente il contenuto restituito nel tuo file #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;
});

Dai un'occhiata a jQuery Ajax/carica documentazione