I am stuck in a problem, whenever I submit, it is going to a blank page to execute api. I want, it should execute API and then redirected to another page. How can I do that, My cshtml code is below @model CourseGamePlay.Dtos.StudentsDTO @{ ViewBag.Title = "Admin Panel - Weeks" ; Layout = "~/Views/Shared/_adminLayout.cshtml" ; } LOGIN "post" action= "/api/studentlogin" > class = "form-horizontal" > class = "form-group" > @Html.LabelFor(s => s.name, htmlAttributes: new { @ class = "control-label col-md-2" }) class = "col-md-4" > @Html.EditorFor(s => s.name, new { htmlAttributes = new { @ class = "form-control" } }) @Html.ValidationMessageFor(s => s.name, "" , new { @ class = "text-danger" }) class = "form-group" > class = "col-md-offset-2 col-md-15" > "submit" value= "Login" class = "btn btn-primary" /> @* $( function (){ $( "#redirect" ).click( function (e) { e.preventDefault(); document.location = '@Url.Action("Week","Home")' ; }); }); *@

First on the submit button click redirect to particular controller and action method. And in that action method call webapi and finally redirect to some other controller and action method. See this link like how to redirect to controller action method, https://www.c-sharpcorner.com/blogs/asp-net-mvc-redirect-from-one-controller-action-to-another1 https://www.aspsnippets.com/Articles/Redirect-to-another-View-URL-after-AJAX-call-in-ASPNet-MVC.aspx

Answer

How to execute the API and then redirect to some other page in project

Muhammad Shaikh

396

I am stuck in a problem, whenever I submit, it is going to a blank page to execute api.

I want, it should execute API and then redirected to another page.

How can I do that,

My cshtml code is below

@model CourseGamePlay.Dtos.StudentsDTO
@{
ViewBag.Title = "Admin Panel - Weeks";
Layout = "~/Views/Shared/_adminLayout.cshtml";
}
<h2>LOGIN</h2>
<body>
<form method="post" action="/api/studentlogin">
<div class="form-horizontal">
<div class="form-group">
@Html.LabelFor(s => s.name, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-4">
@Html.EditorFor(s => s.name, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(s => s.name, "", new { @class = "text-danger" })
</div>
</div>
<div class="form-group">
<div class="col-md-offset-2 col-md-15">
<input type="submit" value="Login" class="btn btn-primary"/>
</div>
</div>
</div>
</form>
</body>
@* <script>
$(function(){
$("#redirect").click(function (e) {
e.preventDefault();
document.location = '@Url.Action("Week","Home")';
});
});
</script> *@