MVC ajax post to controller action method

Question

I ve been looking at the question here  MVC ajax json post to controller action method but unfortunately it doesn t seem to be helping me  Mine is pretty much the exact same  except my method signature  but I ve tried that and it still doesn t get hit    jQuery      loginBtn   click function e        e preventDefault            TODO  Validate input      var data             username      username   val   trim            password      password   val                 ajax           type   POST           url   http   localhost 50061 checkin app login           content   application json  charset utf-8           dataType   json           data  JSON stringify data           success  function d                if  d success    true                  window location    index html               else                       error  function  xhr  textStatus  errorThrown                   TODO  Show error                         Controller   HttpPost   AllowAnonymous  public JsonResult Login string username  string password        string error           if   WebSecurity IsAccountLockedOut username  3  60   60                 if  WebSecurity Login username  password               return Json   Success   true             error    The user name or password provided is incorrect              else         error    Too many failed login attempts  Please try again later         return Json String Format   Success   false   Error    0     error        However  no matter what I try  my Controller never gets hit  Through debugging  I know that it sends a request  it just gets a Not Found error each time

User · Answer

loginBtn   click function e        e preventDefault        it should not have this code or else it wont continue

User · Answer

try this          Controller post and get simple text value   HttpPost      public string Contact string message                 return  quot  lt h1 gt Hi  lt  h1 gt we got your message   lt br   gt  quot    message    quot   lt br   gt Thanks a lot quot               in the view add reference to the Javascript  jQuery  files  section Scripts    lt script src  quot   Scripts modernizr-2 6 2 js quot  gt  lt  script gt   lt script src  quot   Scripts jquery-1 8 2 intellisense js quot  gt  lt  script gt   lt script src  quot   Scripts jquery-1 8 2 js quot  gt  lt  script gt   lt script src  quot   Scripts jquery-1 8 2 min js quot  gt  lt  script gt           then add the Post method as following   lt script type  quot text javascript quot  gt        post and get text value         quot  send quot   on  quot click quot   function            post       message      msg   val              empty post     means post to the default controller      we are not pacifying different action or controller     however we can define a url as following      var url    quot   Url Action  quot GetDataAction quot    quot GetDataController quot    quot             done function  response                    quot  myform quot   html response                       error function      alert  Error               success function      alert  OK              return false             Now let s say you want to do it using   Ajax and JSON     Post JSON data  add using System Net       HttpPost      public JsonResult JsonFullName string fname  string lastname                var data    quot     quot fname  quot      quot  quot    fname     quot    quot      quot lastname  quot      quot  quot    lastname    quot   quot    quot        you have to add the JsonRequestBehavior AllowGet        otherwise it will throw an exception on run-time          return Json data  JsonRequestBehavior AllowGet            Then  inside your view  add the event click on a an input of type button  or even a from submit  Just make sure your JSON data is well formatted       quot  jsonGetfullname quot   on  quot click quot   function                 ajax               type   quot POST quot               contentType   quot application json  charset utf-8 quot               url   quot   Url Action  quot JsonFullName quot    quot Home quot    quot               data   quot     quot fname  quot      quot Mahmoud  quot      quot lastname  quot      quot Sayed  quot    quot               dataType   quot json quot               success  function  data                    var res     parseJSON data                      quot  myform quot   html  quot  lt h3 gt Json data   lt h3 gt  quot    res fname    quot    quot    res lastname                              error  function  xhr  err                    alert  quot readyState   quot    xhr readyState    quot  nstatus   quot    xhr status                   alert  quot responseText   quot    xhr responseText

User · Answer

It s due to you sending one object  and you re expecting two parameters   Try this and you ll see   public class UserDetails      public string username   get  set       public string password   get  set       public JsonResult Login UserDetails data       string error            the rest of your code

User · Answer

Your Action is expecting string parameters  but you re sending a composite object   You need to create an object that matches what you re sending   public class Data       public string username   get set        public string password   get set       public JsonResult Login Data data        EDIT  In addition  toStringify   is probably not what you want here  Just send the object itself   data  data

User · Answer

I found this way of using ajax which helped me as it was better in use as not having complex json syntaxes   fifth function GetAjaxDataPromise url  postData        debugger      var promise     post url  postData  function  promise  status                return promise       function             quot  btnGet5 quot   click function              debugger          var promises   GetAjaxDataPromise   Url Action  quot AjaxMethod quot    quot Home quot       EmpId     quot  txtId quot   val    EmpName     quot  txtName quot   val    EmpSalary     quot  txtSalary quot   val               promises done function  response                debugger              alert  quot Hello   quot    response EmpName    quot  Your Employee Id Is   quot    response EmpId    quot And Your Salary Is   quot    response EmpSalary                            This method comes with jquery promise the best part was on controller we can received data by using separate parameters or just by using a model class   HttpPost      public JsonResult AjaxMethod PersonModel personModel                PersonModel person   new PersonModel                       EmpId   personModel EmpId              EmpName   personModel EmpName              EmpSalary   personModel EmpSalary                    return Json person          or  HttpPost      public JsonResult AjaxMethod string empId  string empName  string empSalary                PersonModel person   new PersonModel                       EmpId   empId              EmpName   empName              EmpSalary   empSalary                    return Json person           It works for both of the cases  SO you must try out this way  Got the reference from Using Ajax With Asp Net MVC There are few more ways of using Ajax explained there other than this one which you must try

[c#] MVC ajax post to controller action method

Examples related to c#

Examples related to jquery

Examples related to ajax

Examples related to asp.net-mvc