Showing success dialog on HTTP Post - asp.net-mvc

Question

I have a requirement that when a user successfully posts some form data, I would like a modal dialog to display whether the POST was successful or not, along with resetting the view to it's empty state (if successful).
How would I go about this?
I have the POST logic working correctly, but as it stands, there is no feedback indicating that the operation was a success or not.

Answer 1

Answer 1:
public ActionResult Index(string message)
{
if(!string.IsNullOrEmpty(message)){
ViewData["successmessage"]=message; //Or you can use Viewbag
}
return View();
}
[HttpPost]
public ActionResult Index()
{
...............
return RedirectToAction("Index",new{ message="Saved successfully" });
}
Just alert ViewData["successmessage"] on View with Javascript alert box.
On View just show alert box as alert('#ViewData["successmessage"]')
Answer 2:
[HttpPost]
public ActionResult Index()
{
...............
TempData["successmessage"] = "Saved successfully";
return RedirectToAction("Index");
}
View(Index.cshtml) :-
#{
var message = TempData["successmessage"] ?? string.Empty;
}
<script type="text/javascript">
var message = '#message';
if(message)
alert(message);
</script>

Answer 2

Firstly, you have to add a listener at the front side, mostly with jquery.ajaxSetup function.
Then you need to let front listener know it is the successful request to display dialog, add a special code or something like that.
C# Code:
return Json(new{Code = 200, Message = "some text"}, JsonRequestBehavior.AllowGet);
Javascript Code:
$.ajaxSetup({
success: function(xhr){
var response = JSON.parse(xhr.responseText);
if(response & response.Code == 200 && response.Message) {
// pop up dialog with message here
}
}
})