JQUERY ajax passing value from MVC View to Controller

Question

What I want is to pass the value of txtComments from View  using jquery ajax  to Controller    The problem is the ajax jquery doesn t accept script tags as string  Meaning  when I input any script html tag in the txtComments the ajax goes to the error function and not being able to go in the controller   Here is the jQuery               btnSaveComments   click function                  var comments       txtComments   val                var selectedId       hdnSelectedId   val                   ajax                   url    lt    Url Action  SaveComments    gt  id     selectedId     amp comments     escape comments                   type   post                   cache  false                  success  function  savingStatus                            hdnOrigComments   val     txtComments   val                             lblCommentsNotification   text savingStatus                                      error  function  xhr  ajaxOptions  thrownError                            lblCommentsNotification   text  Error encountered while saving the comments                                                     Here is the controller             HttpPost          public ActionResult SaveComments int id  string comments                var actions   new Actions User Identity Name                var status   actions SaveComments id  comments                return Content status               I also tried     txtComments   serialize   instead of escape comments  but still the same

User · Accepted Answer

Try using the data option of the   ajax function  More info here       btnSaveComments   click function          var comments       txtComments   val        var selectedId       hdnSelectedId   val           ajax           url    lt    Url Action  SaveComments    gt            data     id    selectedId   comments    comments            type   post           cache  false          success  function  savingStatus                    hdnOrigComments   val     txtComments   val                     lblCommentsNotification   text savingStatus                      error  function  xhr  ajaxOptions  thrownError                    lblCommentsNotification   text  Error encountered while saving the comments

User · Answer

Here s  an alternative way to do the same call  And your type should always be in CAPS  eg  type  GET    type  POST      ajax         url  ControllerName ActionName        data   id     Id     amp param2     param2        type   GET         success  function data                  code here                error  function passParams                 code here               Another alternative will be to use the data-ajax on a link    lt a href   ControllerName ActionName   data-ajax  true  data-ajax-method  GET  data-ajax-mode  replace  data-ajax-update    content  gt Click Me  lt  a gt    Assuming u had a div with the I d  content  this will call the action and replace the content inside that div with the data returned from that action    lt div id   content  gt  lt  div gt    Not really a direct answer to ur question but its some info u should be aware of

User · Answer

btnSaveComments   click function          var comments       txtComments   val        var selectedId       hdnSelectedId   val           ajax           url    lt    Url Action  SaveComments    gt            data     id    selectedId   comments    comments            type   post           cache  false          success  function  savingStatu enter code here s                    hdnOrigComments   val     txtComments   val                     lblCommentsNotification   text savingStatus                      error  function  xhr  ajaxOptions  thrownError                    lblCommentsNotification   text  Error encountered while saving the comments

User · Answer

I didn t want to open another threat so ill post my problem here  Ajax wont forward value to controller  and i just cant find an error     -JS   lt script gt            document  ready function                      sMarka   change function                      var markaId     this  val                    alert markaId                   debugger                   ajax                       type  POST                       url   Url Action  VratiModele                         dataType   html                       data     markaId   markaId                        success  function  model                            debugger                             sModel   empty                                sModel   append model                                                                              lt  script gt    --controller  public IActionResult VratiModele int markaId   0                        if  markaId    0                                List lt Model gt  listaModela   db Modeli Where m   gt  m MarkaId    markaId  ToList                    ViewBag ModelVozila   new SelectList listaModela   ModelId    Naziv                              else                               ViewBag Greska   markaId ToString                               return PartialView

User · Answer

View Data                    model IEnumerable lt DemoApp Models BankInfo gt   lt p gt       lt b gt Search Results lt  b gt   lt  p gt   if   Model Any           lt tr gt           lt td colspan  4  style  text-align center  gt              No Bank s  found          lt  td gt       lt  tr gt    else        lt table class  table  gt           lt tr gt               lt th gt                   Html DisplayNameFor model   gt  model Name               lt  th gt               lt th gt                   Html DisplayNameFor model   gt  model Address               lt  th gt               lt th gt                   Html DisplayNameFor model   gt  model Postcode               lt  th gt               lt th gt  lt  th gt           lt  tr gt            foreach  var item in Model                         lt tr gt                   lt td gt                       Html DisplayFor modelItem   gt  item Name                   lt  td gt                   lt td gt                       Html DisplayFor modelItem   gt  item Address                   lt  td gt                   lt td gt                       Html DisplayFor modelItem   gt  item Postcode                   lt  td gt                   lt td gt                       lt input type  button  class  btn btn-default bankdetails  value  Select  data-id   item Id    gt                   lt  td gt               lt  tr gt                 lt  table gt       lt script src    Scripts jquery-1 10 2 min js  gt  lt  script gt   lt script type  text javascript  gt        function                  btnSearch   off  click search   on  click search   function                  if      SearchBy   val                              ajax                       url    home searchByName                       data     name       SearchBy   val                          dataType   html                       success  function  data                                dvBanks   html data                                                                       else                   alert  Please enter Bank Name                                      public ActionResult SearchByName string name                        var banks   GetBanksInfo                var filteredBanks   banks Where x   gt  x Name ToLower   Contains name ToLower     ToList                return PartialView   banks   filteredBanks                           lt summary gt              Get List of Banks Basically it should get from Database               lt  summary gt               lt returns gt  lt  returns gt          private List lt BankInfo gt  GetBanksInfo                         return new List lt BankInfo gt                                new BankInfo  Id   1  Name    Bank of America   Address    1438 Potomoc Avenue  Pittsburge   Postcode    PA 15220                      new BankInfo  Id   2  Name    Bank of America   Address    643 River Hwy  Mooresville   Postcode    NC 28117                      new BankInfo  Id   3  Name    Bank of Barroda   Address    643 Hyderabad   Postcode    500061                      new BankInfo  Id   4  Name    State Bank of India   Address    AsRao Nagar   Postcode    500061                      new BankInfo  Id   5  Name    ICICI   Address    AsRao Nagar   Postcode    500061

User · Answer

HttpPost  public ActionResult SaveComments int id  string comments        var actions   new Actions User Identity Name        var status   actions SaveComments id  comments        return Content status

[jquery] JQUERY ajax passing value from MVC View to Controller

Examples related to jquery

Examples related to ajax

Examples related to asp.net-mvc

Examples related to model-view-controller