Laden div-Inhalt aus einer Seite und zeigen Sie es anderen

Paar Stunden, die ich versuche zu laden, div-Inhalt aus einer Seite und zeigen Sie es anderen.
zum Beispiel:

Wir haben dieser wikipedia-Seite. Ich möchte den Inhalt des div mit der id="mw-content-text" und zeigen Sie es an meine Seite, die hat element mit id="result".

Gibt es einen Weg, es zu tun, nur mit javascript/jquery?

InformationsquelleAutor NoSense | 2013-08-26
  1. 2

    Zuerst laden Sie die JS-Datei https://github.com/padolsey/jQuery-Plugins/blob/master/cross-domain-ajax/jquery.xdomainajax.js und beinhalten die js-Datei in Ihre Seite ein. Unten ist die Funktion, die ich verwendet, um das laden der externen Seite.

       function test () {
     $.ajax({
       url: 'http://external_site.com',
       type: 'GET',
       success: function(res) {
         var content = $(res.responseText).text();
         alert(content);
       }
     });
   }

    Dieser arbeitete für mich, um Inhalte von externen Website.

    Referenz

    • Ich versuche das vorher und es hat nicht funktioniert :(. Irgendwelche Ideen, wo ich falsch bin?
    • Leider ist das nicht den trick tun.
    • sorry für die späte Antwort. Jetzt habe ich, dass der code funktioniert. Danke.
    • Immer willkommen:)
    InformationsquelleAutor Prabu Parthipan
  2. 3

    Ja, siehe "Laden der Seite Fragmente" auf http://api.jquery.com/load/.

    Kurz ist, ergänzen Sie die Auswahl nach der URL. Zum Beispiel:

    $('#result').load('ajax/test.html #container');
    • danke für die Antwort, aber das hat nicht funktioniert.
    InformationsquelleAutor Bhupendra Shukla
  3. 2

    dude, das kann nicht möglich nach der post

    Herkunft ist nicht erlaubt, Access-Control-Allow-Origin

    InformationsquelleAutor RAVI MONE
  4. 1

    Können Sie immer verwenden, CURL in PHP, greifen Inhalte von anderen Websites, und Sie können dann Zugriff auf die PHP und Anzeige an den Benutzer auf, die Seite mithilfe der load () - JQuery-Funktion.
    Angenommen, die Datei heißt: "gatherinfo.php" (JQuery kann nicht Informationen sammeln, die von remote-Standorten, da ist es unsicher, ich glaube ( http://forum.jquery.com/topic/using-ajax-to-load-remote-url-not-working )), so eine der Möglichkeiten, es zu tun via PHP.

    <?php
$myData = curl("http://en.wikipedia.org/wiki/Robert_Bales");
echo "$myData";

function curl($url) {
    $ch = curl_init();
    curl_setopt($ch, CURLOPT_URL, $url);
    curl_setopt($ch, CURLOPT_RETURNTRANSFER,1);
    $data = curl_exec($ch);
    curl_close($ch);
    return $data;
}
?>

    Jedoch, stellen Sie sicher, dass Sie immer zitieren Sie die Quellen, wenn Sie sammeln Informationen, wie, dass.
    Dann mithilfe von JQuery können Sie rufen Sie die Datei auf Ihrem server und zeigt Sie auf div Sie wollen, indem Sie Folgendes tun:

    Javascript: (Dies wird initialisiert, sobald die Seite fertig ist und geladen hat)

    $(document).ready(function(){
    $("#yourDIVID").load("gatherinfo.php");
});

    HTML:

    <html>
<head>
<script src="yourjqueryfile.js" type="text/javascript"></script>
<script type="text/javascript">
        $(document).ready(function(){
            $("#yourDIVID").load("gatherinfo.php");
        });
</script>
</head>
<body>
<div id="yourDIVID"> The content you're grabbing would load here </div>
</body>
</html>

    Das ist, wie Sie es tun würde, wenn es das ist, was Sie planen zu tun.

    • danke, aber wie man nur den Inhalt von einem bestimmten element?
    • Ok, ich füge hinzu: $("#getPrice").laden("gatherinfo.php #content"); aber id scheint nicht zu funktionieren. Irgendwelche Ideen, wo ich falsch bin?
    • Zeigen Sie uns Ihren HTML-Code für, die. Hashtags (#) werden verwendet, um Punkt-zu-id und Punkte (.) werden verwendet, um zeigen Sie auf ein element der Klasse. Ich werde Bearbeiten Sie meine Antwort für Sie, und Sie wird die javascript-Funktion, die für Sie als gut.
    InformationsquelleAutor Ignacio Belhot Colistro
  5. 0

    Können Sie versuchen, iframe :

    <iframe src="http://en.wikipedia.org/wiki/Robert_Bales" frameborder="0"></iframe>
    • danke, aber ich möchte nur, um den Inhalt des bestimmten Elements auf der Seite.
    InformationsquelleAutor Devang Rathod
Schreibe einen Kommentar