Verwenden Sie die Funktion Ajax() in Jquery, um einen TEIL einer externen Seite in div zu laden

Question

Ich versuche, mithilfe der Funktion Ajax/jQuery.ajax ein DIV-Element von einer externen Seite in meine aktuelle Seite zu laden.Obwohl es mir gelungen ist, eine komplette externe Seite zu laden, gelingt mir das anscheinend nicht Nur das DIV-Element.

Hier ist mein Code:

$("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;
});

Das HREF-Attribut wird problemlos erfasst, aber „#external-div“ wird nicht an die URL angehängt.Irgendwelche Ideen?

Vielen Dank!

~Jared Crossley

Answer 1

Wenn Sie nur dieses Div zurückgeben möchten, können Sie das verwenden load Methode von jQuery, um den zurückgegebenen Inhalt einfach in Ihre zu laden #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;
});

Werfen Sie einen Blick auf die jQuery Ajax/Dokumentation laden