How to display .txt file in ASP.NET MVC AJAX

Question

Content file.txt:

Line 1. Hello world!!

Line 2. Ajax's fantastic.

At index.cshtml. What i want is:

<div id='ViewFile'>
Line 1.      Hello world!!
Line 2.      Ajax's fantastic.
</div>

In fact, I got:

<div id='ViewFile'>
Line 1.Hello world!!Line 2.Ajax's fantastic.
</div>

Please let me know how to load original file.txt into div-id='ViewFile'

Denys Wessels · Accepted Answer · 2016-08-29 06:02:44Z

2

Instead of <div> use <pre>, this tag preserves the line breaks:

View:

@Ajax.ActionLink("Click To View File", "GetFile", new AjaxOptions { UpdateTargetId="ViewFile" })
<pre id='ViewFile'>
</pre>

Controller:

public FileResult GetFile()
{
    return File("~/file.txt", System.Net.Mime.MediaTypeNames.Text.Plain);
}

answered Aug 29, 2016 at 6:02

Denys Wessels

17.1k16 gold badges85 silver badges121 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Please remember to mark as answered if it helped you