Question

这是我的班级ARecipe：

public class ARecipe
{
    public string picture { get; set; }
    public string title { get; set; }
    public int cookingTime { get; set; }
    public int preparationTime { get; set; }
    public string IngredientList { get; set; }
    public string ingredientsDescription { get; set; }
    public int nbPersons { get; set; }
    public string Category { get; set; }
    public string difficulty { get; set; }
    public double nbStars { get; set; }

}

我的Ajax电话：

var dico = { 
            picture: $("#fakeInput").val(),
            title : $("#title").val(),
            cookingTime : $("#cookingTime").val(),
            preparationTime : $("#preparationTime").val(),
            IngredientList : $("#ingredientListArea").val(),
            ingredientsDescription : $("#preparationArea").val(),
            nbPersons : parseInt($("#select-nb-Persons").val()),
            Category : $("#select-category").val(),
            difficulty: $("#select-difficulty").val(),
            nbStars : 4
        };

        $.ajax({
            url: "/AddRecipe/TempData",
            type: 'POST',
            success: function (e) {
                //success event
            },
            ///Form data
            data: JSON.stringify(dico),
            ///Options to tell JQuery not to process data or worry about content-type
            cache: false,
            contentType: false,
            processData: false
        });

接收数据的方法：

 [HttpPost]
  public ActionResult TempData(ARecipe recipe) {

     return Json("");
  }

我的Ajax调用很好地转到TempData方法但是当我分析参数＆＃39; recipe＆＃39;使用调试器，我注意到所有字段都是＆＃39; null＆＃39;。

为什么？

你有解决方案吗？

谢谢

Answer 1

您将数据作为JSON发送，但服务器期望的是常规POST数据。只需让ajax方法将其转换为常规POST请求，而不是将其强制转换为JSON：

///Form data
data: dico,

Answer 2

纠正这些问题：

 $.ajax({
        url: "/AddRecipe/TempData",
        type: 'POST',
        dataType: 'json',
        contentType: 'application/json',
        success: function (e) {
            //success event
        },
        ///Form data
        data: JSON.stringify(dico),
        ///Options to tell JQuery not to process data or worry about content-type
        cache: false,
    });

 [HttpPost]
 public JsonResult TempData(ARecipe recipe) {

 return Json("");
}

将数据从Javascript传递到C＃

2 个答案: