Javascript - чтение файла (не загруженный файл, но файл присутствует в том же каталоге, что и файл html)

Question

Я много пробовал для этого, но не нашел ответа. Как я могу прочитать файл с помощью javascript или html. У меня есть текстовый файл sample.txt, и у меня есть информация. Он помещается в ту же папку, в которую помещается html-файл, где html-файл содержит html-код, который имеет дело с этим файлом. Я просто хочу прочитать информацию из файла и отобразить ее на каком-нибудь div или что-то еще, я в основном хочу знать, как читать файл.

При необходимости предоставит дополнительную информацию.

Thanks

Answer 1

Сперва: JavaScript выполнен на стороне клиента. Хотя вам нужно поставить AJAX-запрос для извлечения содержимого вашего файла. Думаю, что самый простой способ добиться этого - load() jQuery.

Например:

$('#theContentElement').load('sample.txt'); 

Answer 2

Вы можете принести фактическое содержимое файла с помощью JavaScript. Ниже приведен пример кода с помощью JQuery с помощью load функции:

$("#YOUR_DIV_ID").load("sample.txt"); 

Это будет обновлять содержание DIV с идентификатором YOUR_DIV_ID с содержанием «sample.txt»

Answer 3

Вы можете сделать обычный Ajax запросить без jQuery, а также прочитать файл.

После использования запроса GET для получения данных из файла myfile.txt и вывода его в DIV-тег с идентификатором вывод.

<script> 
function ajaxGet() 
{ 
var xmlhttp; 
if (window.XMLHttpRequest) 
    { 
    xmlhttp=new XMLHttpRequest(); 
    } 
else 
    { 
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
xmlhttp.onreadystatechange=function() 
    { 
    if (xmlhttp.readyState==4 && xmlhttp.status==200) 
    { 
    document.getElementById("output").innerHTML=xmlhttp.responseText; 
    } 
    } 
xmlhttp.open("GET","myfile.txt",true); 
xmlhttp.send(); 
} 
ajaxGet(); 
</script> 

<div id="output"></div>