jQuery: laden Sie die txt-Datei einfügen und in div

Ich soll zum laden einer *.txt-Datei einfügen und den Inhalt in ein div.
Hier mein 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>

txt:

im done

Wenn ich auf den button firebug Bericht folgende Fehlermeldung:

Syntax-Error
im done

Ich weiß nicht, was zu tun ist 🙁

@Dogbert 's Antwort. Ignorieren Sie die Fehlermeldung jetzt. Es ist nur eine Art "ghost" - Fehler, die verschwinden werden, wenn Sie versuchen, den code auf einem http-server. Es ist der browser Weg, der meckert, dass das, was Sie versuchen zu tun, war für http://, nicht file:///.

InformationsquelleAutor Khazl | 2011-06-24

  1. 60

    Müssen Sie einen Datentyp - http://api.jquery.com/jQuery.ajax/

    $(document).ready(function() {
    $("#lesen").click(function() {
        $.ajax({
            url : "helloworld.txt",
            dataType: "text",
            success : function (data) {
                $(".text").html(data);
            }
        });
    });
});
    Er macht jetzt, was ich will, aber der Fehler wird noch berichtet.
    was ist die genaue Fehlermeldung. Kannst du kopieren und hier einfügen?
    f (=div.text, c="fxqueue", d=undefined, e=true), f(a=div.text, c="fxqueue", d=Funktion()) f()jquery....min.js (Zeile 16) f(a=[div.text], c=Funktion(), d=undefined) f(a=Funktion(), b=undefined) f(a="fx", c=Funktion()) f(a=3000, b="fx") Erfolg(Daten="ich bin fertig") f(e=Object { url="helloworld.txt", isLocal=true, mehr...}, f=["ich bin fertig", "Erfolg", Objekt { readyState=4, responseXML=document, mehr...}]) g(a=200, c="Erfolg", l=Object { xml=document, text="ich bin fertig",}, m="") g(a=readystatechange , e=undefined) im done
    ich es beheben 🙂 das problem war, dass ich die Arbeit lokal ohne apache... fertig!!

    InformationsquelleAutor Dogbert

  2. 35

    Könnten Sie jQuery verwenden.Last(): http://api.jquery.com/load/

    Wie diese:

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

    InformationsquelleAutor jncraton

  3. 4

    Den .load("file.txt") ist viel einfacher. Das funktioniert aber auch wenn die Tests, die Sie nicht bekommen, Ergebnisse aus einer lokaleslaufwerk, müssen Sie eine tatsächliche http-server. Der unsichtbare Fehler ist ein XMLHttpRequest Fehler.

    InformationsquelleAutor andersna75

  4. 2

    Können Sie jQuery verwenden laden Methode, um den Inhalt und fügen Sie diesen in ein element.

    Versuchen Sie dies:

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

    Sie können auch hinzufügen, einen Anruf zurück zu führen etwas aus, sobald der Ladevorgang abgeschlossen ist

    e.g:

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

    InformationsquelleAutor Chandu

  5. 0

    Versuchen

    $(".text").text(data);

    Bzw. zum konvertieren der empfangenen Daten in einen string.

    diese meldet den gleichen Fehler 🙁

    InformationsquelleAutor Jose Faeti

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

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

    InformationsquelleAutor Elon Gomes Vieira

Schreibe einen Kommentar