Ajax Read text file and Display Demo

HTML

<button id="loadTxtFile">Load File</button>
<div class="textContent" style="display:none">

CSS

.textContent{
	width:auto;
	height:auto;
	border:1px dotted red;
	color:#333;
	padding:5px 10px;
}

JavaScript

$(document).ready(function(){
$('#loadTxtFile').on('click',function(){	
	$('.textContent').load("file:///C:/file.txt",function(responseTxt,statusTxt,xhr){					
			if(statusTxt=='success'){
				var result="";
					var txtshow=responseTxt.split('\n');
					for(i=0 ;i<txtshow.length-1;i++)
					{
						
						txtshow[i].toString()+'<br>';
						result = result + txtshow[i].toString()+'<br>'
						console.log(txtshow[i].toString()+'<br>');
					}
					$('.textContent').html(result);
					console.log('file loaded');
				}
		  	else
			{
				console.log('Error :'+xhr.status +' '+xhr.statusText);
			}
			console.log(xhr);
		}).css('display','block');
	})	
})