jQuery : charger le fichier txt et l'insérer dans div

Question

Je veux charger un fichier *.txt et insérer le contenu dans un div. Voici mon code :

js :

 $(document).ready(function() {
    $("#lesen").click(function() {
        $.ajax({
            url : "helloworld.txt",
            success : function (data) {
                $(".text").html(data);
            }
        });
    });
}); 

html :

 <div class="button">
    <input type="button" id="lesen" value="Lesen!" />
</div>

<div class="text">
    Lorem Ipsum <br />
</div>

SMS:

 im done

Si je clique sur le bouton firebug signaler l'erreur suivante :

 Syntax-Error
im done

Je ne sais pas quoi faire :-(

Answer 1

Vous devez ajouter un dataType - http://api.jquery.com/jQuery.ajax/

 $(document).ready(function() {
    $("#lesen").click(function() {
        $.ajax({
            url : "helloworld.txt",
            dataType: "text",
            success : function (data) {
                $(".text").html(data);
            }
        });
    });
}); 

Answer 2

Vous pouvez utiliser jQuery.load() : http://api.jquery.com/load/

Comme ça:

 $(".text").load("helloworld.txt");

Answer 3

Le .load("file.txt") est beaucoup plus facile. Ce qui fonctionne mais même si vous testez, vous n'obtiendrez pas de résultats à partir d'un lecteur local, vous aurez besoin d'un serveur http réel. L'erreur invisible est une erreur XMLHttpRequest .

Answer 4

Vous pouvez utiliser la méthode de chargement jQuery pour obtenir le contenu et l'insérer dans un élément.

Essaye ça:

 $(document).ready(function() {
        $("#lesen").click(function() {
                $(".text").load("helloworld.txt");
    }); 
}); 

Vous pouvez également ajouter un rappel pour exécuter quelque chose une fois le processus de chargement terminé

par exemple:

 $(document).ready(function() {
    $("#lesen").click(function() {
        $(".text").load("helloworld.txt", function(){
            alert("Done Loading");
        });
   }); 
}); 

Answer 5

 <script type="text/javascript">     
   $("#textFileID").html("Loading...").load("URL TEXT");
 </script>  

 <div id="textFileID"></div>