ASP NET MVC ActionLink and post method

Question

Can anyone tell me how can I submit values to Controller using ActionLink and POST method  I don t want to use buttons  I guess it has something with jquery

User · Accepted Answer

You can t use an ActionLink because that just renders an anchor  lt a gt  tag  You can use a jQuery AJAX post  Or just call the form s submit method with or without jQuery  which would be non-AJAX   perhaps in the onclick event of whatever control takes your fancy

User · Answer

Calling   post   won t work as it is Ajax based  So a hybrid method needs to be used for this purpose   Following is the solution which is working for me   Steps   1  Create URL for href which calls the a method with url and parameter 2  Call normal POST using JavaScript method  Solution   In  cshtml    lt a href  javascript  function     postGo    Url Action  View        id    receipt ReceiptId            gt View lt  a gt    Note  the anonymous method should be wrapped in          i e     function           code            postGo is defined as below in JavaScript  Rest are simple      Url Action  View   creates url for the call     id    receipt ReceiptId    creates parameters as object which is in-turn converted to POST fields in postGo method  This can be any parameter as you require  In JavaScript    function             extend           getGo  function  url  params                document location   url           param params                      postGo  function  url  params                var  form       lt form gt                     attr  method    post                    attr  action   url                 each params  function  name  value                        lt input type  hidden  gt                         attr  name   name                       attr  value   value                       appendTo  form                                form appendTo  body                 form submit                         jQuery     Reference URLs which I have used for postGo  Non-ajax GET POST using jQuery  plugin    http   nuonical com jquery-postgo-plugin

User · Answer

This is my solution for the problem  This is controller with 2 action methods  public class FeedbackController   Controller   public ActionResult Index        var feedbacks  dataFromSomeSource getData     return View feedbacks       System Web Mvc HttpDelete   System Web Mvc Authorize Roles    admin    public ActionResult Delete  FromBody int id       return RedirectToAction  Index          In View I render construct following structure    lt html gt      lt script src    Scripts bootbox min js  gt  lt  script gt   lt script gt  function confirmDelete id      bootbox confirm   Resources Resource AreYouSure   function result        if  result          document getElementById  idField   value   id        document getElementById  myForm   submit              bind this       lt  script gt    using  Html BeginForm  Delete    Feedback   FormMethod Post  new   id    myForm           Html HttpMethodOverride HttpVerbs Delete     Html Hidden  id  null new id  idField      foreach  var feedback in  Model         if  User Identity IsAuthenticated  amp  amp  User IsInRole  admin              Html ActionLink  Delete Item       new   id    feedback Id    new   onClick    confirmDelete   feedback Id    return false                    lt  html gt    Point of interest in Razor View    JavaScript function confirmDelete id  which is called when the link generated with  Html ActionLink is clicked  confirmDelete   function required id of item being clicked  This item is passed from onClick handler confirmDelete   feedback Id    return false  Pay attention handler returns false to prevent default action - which is get request to target  OnClick event for buttons could be attached with jQuery for all buttons in the list as alternative  probably it will be even better  as it will be less text in the HTML page and data could be passed via data- attribute   Form has id myForm  in order to find it in confirmDelete    Form includes  Html HttpMethodOverride HttpVerbs Delete  in order to use the HttpDelete verb  as action marked with the HttpDeleteAttribute  In the JS function I do use action confirmation  with help of external plugin  but standard confirm works fine too  Don t forget to use bind   in call back or var that this  whatever you prefer   Form has a hidden element with id  idField  and name  id   So before the form is submitted after confirmation  result  true   the value of the hidden element is set to value passed argument and browser will submit data to controller like this    Request URL http   localhost 38874 Feedback Delete   Request Method POST Status Code 302 Found  Response Headers  Location  Feedback  Host localhost 38874  Form Data X-HTTP-Method-Override DELETE id 5  As you see it is POST request with X-HTTP-Method-Override DELETE and data in body set to  id 5   Response has 302 code which redirect to Index action  by this you refresh your screen after delete

User · Answer

Aidos had the right answer just wanted to make it clear since it is hidden inside a comment on his post made by  CodingWithSpike    Ajax ActionLink  Delete    Delete   new   id   item ApkModelId    new AjaxOptions   HttpMethod    POST

User · Answer

Here was an answer baked into the default ASP NET MVC 5 project I believe that accomplishes my styling goals nicely in the UI  Form submit using pure javascript to some containing form    using  Html BeginForm  Logout    Account   FormMethod Post  new   id    logoutForm    class    navbar-right            lt a href  javascript document getElementById  logoutForm   submit    gt         lt span gt Sign out lt  span gt      lt  a gt      The fully shown use case is a logout dropdown in the navigation bar of a web app    using  Html BeginForm  Logout    Account   FormMethod Post  new   id    logoutForm    class    navbar-right             Html AntiForgeryToken         lt div class  dropdown  gt           lt button type  button  class  btn btn-default dropdown-toggle  data-toggle  dropdown  gt               lt span class  ma-nav-text ma-account-name  gt  User Identity Name lt  span gt               lt i class  material-icons md-36 text-inverse  gt person lt  i gt           lt  button gt            lt ul class  dropdown-menu dropdown-menu-right ma-dropdown-tray  gt               lt li gt                   lt a href  javascript document getElementById  logoutForm   submit    gt                       lt i class  material-icons  gt system update alt lt  i gt                       lt span gt Sign out lt  span gt                   lt  a gt               lt  li gt           lt  ul gt       lt  div gt

User · Answer

Use this link inside Ajax BeginForm   Html ActionLink       Save         SaveAction        null       null       onclick      this  parents  form   attr  action     this  attr  href      this  parents  form   submit   return false

User · Answer

You can use jQuery to do a POST for all your buttons  Just give them the same CssClass name   Use  return false   at the end of your onclick javascript event if you want to do a server side RedirectToAction after the post otherwise just return the view    Razor Code   using  Html BeginForm           Html HiddenFor model   gt  model ID        Html ActionLink  Save    SaveAction    MainController   null  new    class    saveButton   onclick    return false          JQuery Code    document  ready function                  saveButton   click function                    this  closest  form   0  submit                          C    AcceptVerbs HttpVerbs Post   public ActionResult SaveAction SaveViewModel model           Save code here         return RedirectToAction  Index          return View model

User · Answer

If you re using ASP MVC3 you could use an Ajax ActionLink    that allows you to specify a HTTP Method which you could set to  POST

User · Answer

This has been a difficult problem for me to solve   How can I build a dynamic link in razor and html that can call an action method and pass a value or values to a specific action method   I considered several options including a custom html helper   I just came up with a simple and elegant solution    The view   model IEnumerable lt MyMvcApp Models Product gt    using  Html BeginForm             lt table gt            lt thead gt                lt tr gt                    lt td gt Name lt  td gt                    lt td gt Price lt  td gt                    lt td gt Quantity lt  td gt               lt  tr gt           lt  thead gt           foreach  Product p in Model Products                         lt tr gt                   lt td gt  lt a href   Url Action  Edit    Product   p   gt  p Name lt  a gt  lt  td gt                   lt td gt  p Price ToString   lt  td gt                   lt td gt  p Quantity ToString   lt  td gt               lt  tr gt                  lt  table gt      The action method  public ViewResult Edit Product prod        ContextDB contextDB   new ContextDB         Product product   contextDB Products Single p   gt  p ProductID    prod ProductId        product   prod       contextDB SaveChanges         return View  Edit        The point here is that Url Action does not care whether the action method is a GET or a POST    It will access either type of method    You can pass your data to the action method using    Url Action string actionName  string controllerName  object routeValues    the routeValues object   I have tried this and it works   No  you are not technically doing a post or submitting the form but if the routeValues object contains your data  it doesnt matter if its a post or a get    You can use a particular action method signature to select the right method

User · Answer

Use the following the Call the Action Link    lt    Html ActionLink  Click Here     ActionName   ContorllerName     gt    For submitting the form values use     lt   using  Html BeginForm  CustomerSearchResults    Customer           gt         lt input type  text  id  Name    gt         lt input type  submit  class  dASButton  value  Submit    gt      lt       gt    It will submit the Data to Customer Controller and CustomerSearchResults Action

User · Answer

ActionLink will never fire post  It always trigger GET request

User · Answer

Came across this needing to POST from a Search  Index  page to the Result page  I did not need as much as  Vitaliy stated but it pointed me in the right direction  All I had to do was this    using  Html BeginForm  Result    Search   FormMethod Post        lt div class  row  gt       lt div class  col-md-4  gt         lt div class  field  gt Search Term  lt  div gt         lt input id  k  name  k  type  text  placeholder  Search    gt       lt  div gt     lt  div gt     lt br   gt     lt div class  row  gt       lt div class  col-md-12  gt         lt button type  submit  class  btn btn-default  gt Search lt  button gt       lt  div gt     lt  div gt      My Controller had the following signature method    HttpPost  public async Task lt ActionResult gt  Result string k

User · Answer

jQuery post   will work if you have custom data  If you want to post existing form  it s easier to use ajaxSubmit     And you don t have to setup this code in the ActionLink itself  since you can attach link handler in the document ready   event  which is a preferred method anyway   for example using   function           jQuery trick

User · Answer

I would recommend staying pure to REST principles and using an HTTP delete for your deletes  Unfortunately HTML Specs only has HTTP Get  amp  Post  A tag only can a HTTP Get  A form tag can either do a HTTP Get or Post  Fortunately if you use ajax you can do a HTTP Delete and this is what i recommend  See the following post for details  Http Deletes

User · Answer

My Solution to this issue is a fairly simple one  I have a page that does a customer search one by the whole email and the other by a partial  the partial pulls and displays a list the list has an action link that points to a actionresult called GetByID and passes in the id  the GetByID pulls the data for the selected customer then returns   return View  Index   model      which is the post method

User · Answer

This is taken from the MVC sample project   if  ViewBag ShowRemoveButton                   using  Html BeginForm  RemoveLogin    Manage                                Html AntiForgeryToken                      lt div gt                        Html Hidden  company name   account                        Html Hidden  returnUrl   Model returnUrl                        lt input type  submit  class  btn btn-default  value  Remove  title  Remove your email address from  account    gt                     lt  div gt

User · Answer

I have done the same issue using following code    using  Html BeginForm  Delete    Admin              Html Hidden  ProductID   item ProductID          lt input type  submit  value  Delete    gt

[asp.net-mvc] ASP.NET MVC ActionLink and post method

Examples related to asp.net-mvc

Examples related to actionlink