web-dev-qa-db-fra.com

Comment charger du HTML et l'ajouter à <body> avec jQuery?

J'ai essayé ce qui suit:

$.load("Views/chatBox.html").appendTo('body') is not working!

TypeError: $.load is not a function

EDIT : La réponse ne devrait être qu'une seule ligne de code, ça suffit, je pense

jqueryload
22
omg

Je ne comprends pas pourquoi placer un conteneur au bas du corps et charger une page externe dans ce n'est pas ce dont vous avez besoin?

Ce que vous pouvez essayer est le suivant:

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

Mais je ne suis pas sûr à 100% de ce code ... :)

8
Gavrisimo

Non, toutes ces réponses sont incorrectes car elles reposent sur un conteneur séparé!

Faites ceci:

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

Lorsque j'ai essayé la solution de GaVrA, j'ai trouvé que cela pourrait être encore plus simple:

<script type="text/javascript">
    $(function() {
        $("#container").load("external.html").appendTo("body");;        
    });
</script>

Je suppose que appentTo supprime automatiquement une instance précédente? Peut-être que je manque quelque chose ici?

1
waffles