Wie kann jQuery HTML laden und an die Datei anhängen Element?

Lesezeit: 2 Minuten

Benutzer-Avatar
omg

Folgendes habe ich versucht:

$.load("Views/chatBox.html").appendTo('body')

Konsolenausgabe:

TypeError: $.load is not a function 

BEARBEITEN: Die Antwort sollte nur aus einer Codezeile bestehen; das reicht denke ich.

Benutzer-Avatar
Rob Evans

Nein, all diese Antworten sind falsch, weil sie auf einen separaten Container angewiesen sind!

Mach das:

$.ajax({
    url: "your.html",
    success: function (data) { $('body').append(data); },
    dataType: 'html'
});

  • +1, das hängt genau den Inhalt an BODY an, danke fürs Teilen!

    – Igor

    30. Dezember 2011 um 0:37 Uhr


  • Ich habe einen kleinen Datepicker, der das aktuelle Datum und den nächsten Tag anzeigt. Ich habe verwendet, was Sie geschrieben haben, aber das Problem ist, dass die Daten nicht aktualisiert werden, aber wenn ich die Seite aktualisiere, werden sie aktualisiert. Ich verwende WordPress und das Plugin, um jQuery auszuführen.

    – hanan-mstudio

    28. August 2014 um 7:40 Uhr


  • @hanan-mstudio Das scheint eine ganz andere Frage zu sein und hat wahrscheinlich überhaupt nichts mit der Antwort zu tun, die ich gegeben habe. Kannst du eine neue Frage posten?

    – Rob Evans

    21. Januar 2015 um 13:20 Uhr

  • Warum ist das hier unten, wenn dies die richtige Antwort zu sein scheint?

    – Akalanka

    19. Oktober 2017 um 4:24 Uhr

  • wohoo .. so schön, schnell und ordentlich 🙂 vielleicht .html(data) anstelle von append() verwenden?

    – Heuschrecke

    16. Dezember 2019 um 22:08 Uhr

Ich verstehe nicht, warum das Platzieren eines Containers am unteren Rand des Körpers und das Laden einer externen Seite darin nicht das ist, was Sie brauchen?

Was Sie versuchen können, ist Folgendes:

<script type="text/javascript">
    $(function() {
        $("#container").load("Views/chatBox.html",function(){
            $(this).clone().appendTo("body").remove();
        });
    });
</script>

Aber ich bin mir bei diesem Code nicht 100% sicher … 🙂

  • Muss jQuery also ein Element stören, um Ajax-Dinge zu tun?

    – omg

    6. September 2009 um 13:51 Uhr

  • Nun, Sie müssen immer einen Selektor haben, auf dem etwas gemacht wird. Eine Demoseite oder ein Code würde helfen, zu verstehen, was Sie wollen, aber diese vorherige Antwort ist meiner Meinung nach das, was Sie brauchen. 🙂

    – Gavrisimo

    6. September 2009 um 14:01 Uhr

Eine alternative Lösung:

jQuery('#AppendToMe').append( jQuery('<div>').load(...) );

Dadurch wird alles, was Sie laden, an das #AppendToMe-Element angehängt.

Bitte schön:

<script type="text/javascript">
    $(function() {
        $("body").load("Views/chatBox.html");
    });
</script>

1066100cookie-checkWie kann jQuery HTML laden und an die Datei anhängen Element?

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy