Как отправить объект json методу действия контроллера в MVC 4

Question

Я пытаюсь отправить свой идентификатор пользователя и пароль в мой метод действия контроллера входа в систему.

//Login button click code 

$("#btnLogin").click(function() { 
    var userCrdential = { 
     UserName: $("inputEmail3").val(), 
     Password: $("inputPassword3").val() 
    }; 
    $.ajax({ 
     type: "POST", 
     url: "/Home/Login", 
     content: "application/json; charset=utf-8", 
     dataType: "json", 
     data: userCrdential, 
     success: function (res) { 
      // alert("data is posted successfully"); 
      if (res.success == true) 
       alert("data is posted successfully"); 
      else { 
       // alert("Something went wrong. Please retry!"); 
      } 
     }, 
     error: function (xhr, textStatus, errorThrown) { 
      alert(xhr.statusMessage); 
     } 
    }); 
}); 

и в моем родном контроллере я войти в метод Действие

[HttpPost] 
    [ActionName("Login")] 
    public ActionResult Login(User userCrdential) 
    { 
     string userIdtest = userCrdential.UserName; 
     string userPasswordtest = userCrdential.Password; 
     var result=false; 

     if (userIdtest != null && userPasswordtest != null) 
     { 
      result = true; 
     } 
     else 
     { 
      result = false; 
     } 

     return Json(result); 
     //return RedirectToAction("Index"); 
    } 

но мой метод действия не вызывая ...

Answer 1

Вам нужно изменить content к contentType и вызвать JSON.stringify на вашем данные:

$.ajax({ 
    type: "POST", 
    url: "/Home/Login", 
    contentType: "application/json; charset=utf-8", 
    dataType: "json", 
    data: JSON.stringify(userCrdential), 
    ... 
}); 

См. jQuery.ajax

Answer 2

В MVC никогда не должно быть жесткого кода URL.

Вместо этого используйте @Url.Action.

url: ('@Url.Action("Login", "Home")', 

userCrdential должен быть закодирован в формате JSON:

JSON.stringify(userCrdential) 

Кроме того, для того же вашего здравомыслия, пожалуйста, используйте метод fail.

$.ajax("url") 
    .done(function() { 
    alert("success"); 
}) 
    .fail(function() { 
    alert("error"); 
}) 

последнее замечание, success нежелателен из jQuery 1.8; вместо этого вы должны использовать done.

Answer 3

Просто измените его от:

var userCrdential = { 
    UserName: $("inputEmail3").val(), 
    Password: $("inputPassword3").val() 
}; 

к:

var userCrdential = "UserName=" + $("inputEmail3").val() + "&Password=" + $("inputPassword3").val(); 

все другие вещи нормально в вашем коде, но убедитесь, что параметр ваш контроллер имеет те же параметры, проходящие здесь есть имя пользователя и пароль ,

однако вам необходимо проверить ввод пользователя перед вызовом ajax.