ASP.NET 5/MVC 6 Ajax gönderi Denetleyici Model

Question

ASP.NET 5 MVC 6 uygulamasında, Ajax ile bazı verileri denetleyicime göndermek istiyorum. Bunu ASP.NET MVC 5 ile zaten yaptım ve boş bir ASP.NET MVC 5 projesinde tam olarak aynı kodu test ettim ve çalıştı, ancak yeni sürümü ile yapamam ve neden bilmiyorum. Ajax çağrısı ile, denetleyiciye gidebilirim, model oluşturulur, ancak alanlar boştur (veya boole için yanlıştır).

script.js:

var data = { 
      model: { 
       UserName: 'Test', 
       Password: 'Test', 
       RememberMe: true 
      } 
     }; 

     $.ajax({ 
      type: "POST", 
      url: "/Account/Login/", 
      data: JSON.stringify(data), 
      contentType: "application/json; charset=utf-8", 
      dataType: "json", 
      success: function (msg) { 
       // Do something interesting here. 
      } 
     }); 

AccountController.cs:

[HttpPost] 
    public JsonResult Login(LoginViewModel model) 
    { 
     if (ModelState.IsValid) 
     { 
      //var result = await SignInManager.PasswordSignInAsync(model.UserName, model.Password, model.RememberMe, shouldLockout: false); 
      //if (result.Succeeded) 
      //{ 
      //  //return RedirectToLocal(returnUrl); 
      //} 

      ModelState.AddModelError("", "Identifiant ou mot de passe invalide"); 
      return Json("error-model-wrong"); 
     } 

     // If we got this far, something failed, redisplay form 
     return Json("error-mode-not-valid"); 
    } 

LoginViewModel.cs:

public class LoginViewModel 
{ 
    [Required] 
    [Display(Name = "UserName")] 
    [EmailAddress] 
    public string UserName { get; set; } 

    [Required] 
    [DataType(DataType.Password)] 
    [Display(Name = "Password")] 
    public string Password { get; set; } 

    [Display(Name = "Remember me?")] 
    public bool RememberMe { get; set; } 
} 

Herhangi bir fikir İşte benim kodudur?

var data = { 
      UserName: 'Test', 
      Password: 'Test', 
      RememberMe: true 

    }; 

Answer 1

Sen MVC6 üzerinde açık kullanım FromBody gerekir ... artık çalışmıyor

Farklı hataları karıştırıyorsunuz. Sana isteğinde bulunması gerektiğinde nasıl tarif dener:

içerik türü olmalıdır: application/json

isteğiniz vücut (JasonLind önerdiği gibi) JSON biçiminde olmalıdır:

{ 
    UserName: 'Test', 
    Password: 'Test', 
    RememberMe: true 
}; 

Bu, isteği incelerken (krom hata ayıklama araçları F12 aracılığıyla) veya kemancı gibi bir istek denetçisi kullanırken görmeniz gereken şeydir.

UserName=Test&Password=Test&RememberMe=true biçiminde bir şey görürseniz, yanlış yapıyorsunuz, bu biçim biçimi.

model değişkenine ihtiyacınız yoktur. İsteğinizi "sarıcı" ile görüyorsanız, bunu kaldırmanız gerekir.

Answer 2

olması gerekmiyor.

$.ajax({ 
      type: "POST", 
      url: "Account/Login", 
      data: data, 
      success: function (msg) { 
       // Do something interesting here. 
      } 
     }); 

Ben Habercisi çözüm sayesinde buldum :) Ben isteği değişkeni izledim ve ben Request.Form hep bir özel durum ortaya koymuştur. Yanlış bir içerik türü kullandığımı söyledi, bu yüzden ajax yayınımdan content-type'u kaldırdım ve bir çekicilik gibi çalıştı. Sana yapacak her ajax yazı için, size Request.Form

DÜZENLEME doğru doldurulur dikkatli olmak zorunda, düşünüyorum: Bu çözüm olmayan json sonrası olabilir ne zaman çalışır Connexion verileri gibi veriler (çok basit veriler). Karmaşık veri göndermek isterseniz json

public JsonResult Login([FromBody]LoginViewModel model) 

DÜZENLEME

kullanıyorsanız Ama, bir liste gibi,

Answer 3

Tamam ben çözümü buldum ama ... benim için hala sadece istekten content-type kaldırmak zorunda garip: Teşekkür

Answer 4

Sorununuz MVC6 jQuery değil. $ .ajax() "verileri" onay ve şunlara ait olan formatının bu kadar içerik türünü belirler biliyorum ve ayrıca bir söz moda

çek vaat $ .ajax kullanmalıdır here

Vantages ve ayrıca seçin formu ve sadece

$('.anyForm').on('submit', fucntion(){ 
     //you have the form in JSON format 
     var data = $(this).serializeObject() 

    }) 

ve here gibi, nesneye dönüşür varsayılan olarak jQuery üzerinde değil, serializeObject() yöntemidir.