jQuery: załaduj plik txt i wstaw do div

Question

Chcę załadować plik * .txt i wstawić zawartość do div. Oto mój kod:

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 

Jeśli kliknięciu na raporcie przycisk firebug następujący błąd:

Syntax-Error 
im done 

nie wiem co robić :-(

Answer 1

Trzeba dodać 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

Można użyć jQuery.load(): http://api.jquery.com/load/

Jak to:

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

Answer 3

Spróbuj

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

Lub przekonwertować otrzymane dane na ciąg.

Answer 4

Można użyć jQuery load sposób, aby uzyskać zawartość i wstawić do elementu.

Spróbuj tego:

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

You, można także dodać połączenie z powrotem, aby wykonać coś raz procesu ładowania jest kompletna

np:

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

Answer 5

.load("file.txt") jest znacznie łatwiejsze. Który działa, ale nawet jeśli testowanie, nie otrzymasz wyników z localdrive, będziesz potrzebował rzeczywistego serwera http. Niewidoczny błąd to błąd XMLHttpRequest.

Answer 6

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

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