Angular $ http发布不返回Json响应

Question

Recipes / CreateRecipe成功，但是返回Json不返回任何内容，而是转到下一个函数，即警报Error CreateRecipe null

脚本

$scope.createRecipe = function (recipe) {

$http({
    method: 'POST',
    url: '/Recipes/CreateRecipe',
    data: JSON.stringify(recipe)
}).then(function (response) {
    if (response!=null) {
        $scope.recipeID = response.data;
        alert($scope.recipeID)
    }
    else {
        alert("get response failed! " + response.data)
    }
}, function (response) { alert('Error CreateRecipe '+response.data); });

};

调节器

[HttpPost]
    public JsonResult CreateRecipe([Bind(Include = "Id,Name")] Recipe vm)
    {
            Recipe recipe = new Recipe();
            recipe.Name = vm.Name;
            db.Recipes.Add(recipe);
            db.SaveChanges();
            return Json(recipe.Id, JsonRequestBehavior.AllowGet);
    }

我尝试了很多事情，例如添加ModelState.IsValid并检查recipe.Id是否为null，但事实并非如此。 我还尝试将JsonResult更改为ActionResult 。 有时，警报提示get response failed! 有时是Error CreateRecipe null 。

即使我在返回它之前将recipe.Id放在一个int中，它仍然无法正常工作。

Answer 1

也可以考虑使用async任务使JsonResult异步，并使用await db.SaveChangesAsync();将更改保存到数据库中await db.SaveChangesAsync(); 。

public async Task<JsonResult> CreateRecipe([Bind(Include = "Id,Name")] Recipe vm)
{
    int recipeId = -1;

    if(vm != null) {
        Recipe recipe = new Recipe();
        recipe.Name = vm.Name;
        db.Recipes.Add(recipe);
        await db.SaveChangesAsync();
        recipeId = recipe.Id;

        if(recipeId > 0) {
            return Json(recipeId, JsonRequestBehavior.AllowGet);
        }
    }

    return Json(false, JsonRequestBehavior.AllowGet);
}