Читай что такое Ajax. Там всё не так однозначно как может показаться на первый взгляд.
1) На жиквери
<script src="//code.jquery.com/jquery-1.12.4.min.js"></script>
<script>(function($){
$.get('my-file.txt', function(data){
console.log('А содержимое у файла такое: ' + data);
});
})(window.jQuery);</script>
2) Без жиквери
var xhr = new XMLHttpRequest();
xhr.open("GET", "my-file.txt", true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function () {
if (xhr.readyState != 4 || xhr.status != 200) return;
console.log('А содержимое файла такое: ' + xhr.responseText);
};
xhr.send();
И да, работать будет только "на серваке", локальные html фалы, работающие автономно, не могут в аякс.
И в соседней теме ты рассуждаешь на тему хорошего тона с таким то уровнем познаний вебчика..