How can I return the HTML from MVC controller to a div in my view

Question

I'm trying to return the generated HTML string to the view to dynamically generate a HTML table with results. I'm not able to get the returned HTML string any suggestions and help is greatly appreciated. Here is my Controller code ``` public ActionResult ValidateTrams() { string html = ""; if (Request.Files.Count == 0 || Request.Files[0].ContentLength == 0) { } else { html = ProcessTextFile(Request.Files[0].InputStream); } return View(html); } ``` I'm trying to grab this returned result in jquery like this ``` $('#tramsView').live('click', function () { $.ajax({ url: '/Booking/ValidateTrams', type: 'POST', dataType: 'jsonp', success: function (data) { alert(data); $('#TramsViewFrame').html(data); }, error: function (jqxhr, textStatus, errorThrown) { $(window).hideWaitScreen(); if (confirm(errorThrown)) { window.location.reload(); } } }); ``` }); Finally Below is the CSHTML for the form. Here I'm reading a file from a form with a button type submit ``` <form action="#" method="post" en…

Accepted Answer

It sounds as if your form is still submitting a normal postback, so any asynchronous calls that you're doing are being lost.

Try preventing the default form submission taking place with the following:

```
$('#tramsView').live('click', function (evt) {

evt.preventDefault();

// ... rest of your code

});
```

Incidentally, in this case, if all you're doing is updating the html on your `#TramsViewFrame`, you could just use the slightly simpler $.load() method:

```
$('#tramsView').live('click', function (evt) {
    evt.preventDefault();
    $('#TramsViewFrame').load('/Booking/ValidateTrams');
});
```

How can I return the HTML from MVC controller to a div in my view

Solution

Problem