Comment charger html externe dans un div?

J'ai créé ce petit code à l'aide de jquery pour charger un fichier HTML externe dans mon div, mais ça ne fonctionne pas, je suis à cours d'idées. Toute autre jquery code fonctionne bien. Toute aide appréciée:

<div id="zaladuj"> 
load external html file
</div> 
<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript"> 
    $('#zaladuj').click(function () { 
        $(this).load('s1.htm'); 
    }); 
</script>
Vous avez besoin d'utiliser ajax
Avez-vous des erreurs de la console? Si vous insérez un console.log dans l'écouteur de clics t-il le feu? Vous êtes sûr que c'est de trouver s1.php?
DÉMO : jsfiddle.net/jU6c8 - forum.jquery.com/topic/loading-html-from-external-file-into-div :))

OriginalL'auteur user2660811 | 2013-10-14

  1. 7

    Vous avez besoin d'envelopper votre code dans jQuery.prêt() fonction puisque vous avez à attendre pour les DOM pour être entièrement chargé.

    <script type="text/javascript">
    $(document).ready(function(){
        $('#zaladuj').click(function () { 
            $(this).load('s1.htm'); 
        }); 
    });
</script>
    Merci, mais ça ne fonctionne toujours pas. Voici ce que JS Console me donne: Origine null n'est pas autorisé par Access-Control-Allow-Origin.
    Probablement, vous êtes à l'exécution de votre script en double-cliquant dessus. essayez de l'appeler par l'intermédiaire d'un serveur web à l'aide de localhost ou quelque chose de similaire.
    Yep, ça a fait le tour, Merci.
    Bienvenue mate 🙂

    OriginalL'auteur Fouad Fodail

  2. 1
    <script type="text/javascript"> 
    $('#zaladuj').click(function () { 
        $.ajax({
            context: this,
            dataType : "html",
            url : "s1.htm",
            success : function(results) {
                $(this).html(results);
            }
        });
    }); 
</script>

    OriginalL'auteur Maciej Treder