My project uses ASP.NET MVC. I have a form in my cshtml file on which if I do submit, it calls a specific action in the controller. I do not want the action name to appear in the url. So I used window.history.pushState to change the url to the default one. But actually, when I hit the submit button on the form, the actual url with the action name shows up in a flash in the address bar before shifting to the specified one. How do I solve this issue please? Thank you :)

Cshtml

 @using (Html.BeginForm("Step2", "Restaurants", 
 FormMethod.Post))

{
  @Html.AntiForgeryToken()
 <div class="container">
    <div class="form-horizontal">
                <div class="input-group">
                 @Html.TextBoxFor(m => m.FoodName, new { 
                 @class = "form-control})
      </div>

     <button type="submit" class="btn nextBtn">Next </button>
   </div>   
 </div>
}

Restaurants Controller

    Restaurant res = new RestaurantDetails();

    public ActionResult Index()
     {
        ViewBag.Step = 1;
        ViewBag.Title = "MAIN COURSE";
        mymodel.Restaurant = RestaurantList.Where(x => x.Id == 
        “1234”.FirstOrDefault();
      return View(res);
      }

   [HttpPost]
   [ValidateAntiForgeryToken]
    public ActionResult Step2(Food foodItem)
    {
       ViewBag.Step = 2;
   ViewBag.Title = "MAIN COURSE";
     }

Index.cshtml

   @if (ViewBag.Step == 1)
    {
        @Html.Partial("~/Views/Menu/_Starters.cshtml")
    }


    @if (ViewBag.Step == 2)
    {     
       @Html.Partial("~/Views/Menu/P
       artials/_MainCourse.cshtml", Model)
     }