Event when form submittion ends

Question

I have this:

<form id="import_form" method="post" enctype="multipart/form-data" action="/Blah/Blah">
    <input type="file" id="fileUpload" name="fileUpload"/>
    <input type="submit" name="submit" value="Import"/>
</form>

$('#import_form').submit(function () {
    ...
});

Here is the c# method:

[AcceptVerbs(HttpVerbs.Post)]
public string Blah(HttpPostedFileBase fileUpload, FormCollection form)
{ ... }

I want when Blah finishes executing a javacript code to start executing. How to do this?
The submit event is called before it.

The form definition has action="/Blah/Blah". It is stated in the question. — petko_stankoski, Dec 22 '12 at 13:39
The question seems to duplicate http://stackoverflow.com/questions/6149951/how-to-raise-completed-event-on-a-submit-event — mikalai, Dec 22 '12 at 13:42
Unless you are submitting with AJAX, you need to run post submit code in the action file. — charlietfl, Dec 22 '12 at 13:42
perhaps poorr term... I mean code after submit ends. Your page will reload with the action url if not using AJAX, so code needs to run there — charlietfl, Dec 22 '12 at 13:44

score 1 · Answer 1 · answered Dec 22 '12 at 13:45

This depends on how the form is being submitted.

If you're submitting the form via AJAX then you can execute some JavaScript in the handler for the response. However, given that there's a submit button, I'm assuming for the moment that you're not doing this via AJAX and are instead posting the whole page to the server and rendering a response.

In this case, to execute some JavaScript after the form post, you're going to need to render that JavaScript in the response from the server as part of the next page. When the server constructs the view, include the JavaScript you want to execute in that view.

Keep in mind the request/response nature of the web. When something on the server executes, the client is unaware of it and disconnected from it. The end result of any server-side processing should be an HTTP response to the client. In the event of submitting a form or clicking a link or anything which results in a page reload, that response is in the form of a new page (view). So anything that you want to do on the client after the server-side processing needs to happen as part of that response.

Edit: I just noticed that Blah is returning a string. Is this even working for you? How does the form submit result in a new view? Or am I unaware of a feature in ASP.NET MVC?

score 0 · Accepted Answer · answered Jan 04 '13 at 20:11

0

This is what I did in the end.

My form returns the exact same view with whom it was called.

I add a ViewData in the Blah method.

In the view, in the $(function()) event I check if ViewData has a value, I execute the javascript code.

answered Jan 04 '13 at 20:11

petko_stankoski

10,459
41
127
231

Event when form submittion ends

2 Answers2