Jquery ajax調用在MVC中傳遞JSON數組（500內部服務器錯誤）

Question

這是我的ajax在數組中有數據時被調用。

function sendDataToController() { 
    $.ajax({ 
     type: 'POST', 
     url: '/Home/Results', 
     cache: false, 
     traditional: true, 
     contentType: "application/json", 
     data: { FormData : exampleFormData }, 
     success: function (data) { 
      alert("sent data to controller") 
     }, 
     error: function (data) { 
      alert("Error " + data.responseText); 
     } 
    }); 
} 

數組是這樣的：

var exampleFormData = []; 

而且JSON看起來像這樣目前正在與一些更多的數據，而且縮短了顯示的目的。

"[{\"Birthdate\":\"1947-03-21\",\"ROWID\":\"000001\",\"SpecCodes\":\"987654\"}]" 

在使用ajax發送到控制器之前，這個JSON被推入數組中多次。

exampleFormData.push(jsonData); 

的控制，這是被傳遞到這個樣子的：

public ActionResult Results(string exampleFormData) 
    { 
     var formDataList = JsonConvert.DeserializeObject<List<SampleFormData>>(exampleFormData); 

     return View(); 

    } 

這裏就是模型「SampleFormData」列表

public class SampleFormData 
{ 
    public string Birthdate { get; set; } 
    public string ROWID { get; set; } 
    public string Score { get; set; } 
    public string SpecCodes { get; set; } 

} 

由於是，這將產生類500內部服務器錯誤。任何人都可以提供任何關於在這裏做錯了什麼的輸入？

編輯：解決方案是從ajax中完全刪除contentType行，並由Rion在響應中提供。

Answer 1

有幾件事情需要考慮您提供的代碼，可能會導致您的問題。

確保您可以發佈正確

爲了使您的控制器實際上承認了jQuery通話，你需要確保控制器動作裝飾與[HttpPost]屬性，表示它不應該被用於POST電話：

[HttpPost] 
public ActionResult ExamineeResults(string exampleFormData) 
{ 
    // Your code here 
} 

確保你的目標採取適當的行動

您的AJAX調用目前針對的是Home/Results，但是您的實際控制器操作的名稱是ExamineeResults。此外

url: '/Home/ExamineeResults', 

，如果您有這方面您的視圖中，可以使用Url.Action()方法來解決：除非你已經制定了一些具體的路由規則，你應該使用現有名稱，以確保正確的目標是正確位置：

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

用適當的參數

MVC將只懂得，你指定它正確的地圖數據。目前，你可以發佈您的內容，例如：

data: { FormData : exampleFormData }, 

這意味着，在你的控制器動作的參數的名稱應與準確（即FormData代替exampleFormData）：

public ActionResult ExamineeResults(string FormData) 

了這些關於組建

您應該能夠通過更新你的代碼來解決這個如下：

$.ajax({ 
      type: 'POST', 
      // Use Url.Action() to resolve the proper URL 
      url: '@Url.Action("ExamineeResults","Home")', 
      cache: false, 
      // Use JSON.parse() to serialize your content to send accross 
      data: { formData: JSON.parse(exampleFormData) }, 
      success: function (data) { 
       alert("sent data to controller") 
      }, 
      error: function (data) { 
       alert("Error " + data.responseText); 
      } 
     }); 

與以下控制器一起操作：

[HttpPost] 
// You can let MVC perform the binding for your by mapping your content 
// to an array of your SampleFormData objects 
public ActionResult ExamineeResults(SampleFormData[] formData) 
{ 
     // Do your thing here (as formData is already serialized) 
     return View(); 
} 

您可以see an example of this here及以下證明：

Answer 2

一個與此調用的問題可能是事實，你返回View到ajax通話。據我所知，這是不可能的。如果您必須發佈到此ActionResult您必須發表帖子。另外，請確保您的路由是正確的。按原樣運行此代碼將無法到達所需的端點，因爲您的ActionResult被命名爲「ExamineeResults」，並且您的網址爲「/ Home/Results」。希望這有助於。