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

Question

Ich versuche, ein DIV-Element von einer externen Seite in meine aktuelle Seite mithilfe der Ajax/jQuery.ajax -Funktion zu laden. Obwohl es mir gelungen ist, eine ganze externe Seite zu laden, kann ich nicht scheinen nur das DIV-Element zu laden.

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; 
}); 

Es schnappt sich das HREF-Attribut ohne Probleme, aber nicht "# external-div" an die URL anhängen. Irgendwelche Ideen?

Vielen Dank!

~ Jared Crossley

Answer 1

Wenn Sie wollten zurückkehren, nur dass div Sie die load Methode von jQuery verwenden könnte, um einfach den Inhalt in Ihr #current-div ala

zurück laden

$("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/load documentation