从控制器返回Json数据到视图ASP.NET MVC

Question

我正在试图标题说，从Controller返回Json消息后，它验证。

我做了一个断点，我知道代码在Controller端工作，并且我的JavaScript现在调用成功了ActionResult。如何在视图中显示该消息？

有两个按钮，戳记和戳出。如果用户在两次邮戳中，它应该得到一个消息，同样戳出来。我有两个ActionResults，除了一些消息和字符串更改外，它们都是indentical。

控制器：

[HttpPost] 
    public ActionResult CreateStamp(Stamping stampingmodel) 
    { 
     var validateMsg = ""; 
     stampingmodel.Timestamp = DateTime.Now; 
     stampingmodel.StampingType = "in"; 

     if (stampingmodel.User == null || ModelState.IsValid) 
     { 
      var idValidated = db.Users.Find(model.UserId); 

      if (idValidated != null) 
      { 
       var stamp = 
        db.Stampings.Where(s => s.UserId == stampingmodel.UserId) 
         .OrderByDescending(s => s.Timestamp) 
         .FirstOrDefault(); 

       if (stamp.StampingType == stampingmodel.StampingType) 
       { 
        if (stampingmodel.StampingType == "in") 
        { 
         validateMsg = "Stamped Twice In A Row!"; 
        } 
       } 

       else 
       { 
        if (stampingmodel.StampingType == "in") 
        { 
         validateMsg = "Stamped In, Welcome."; 
        } 
       } 
      } 

      db.Stampings.Add(stampingmodel); 
      db.SaveChanges(); 
     } 

     return Json(new {Message = validateMsg }); 

的JavaScript：

$(document).ready(function() { 

$("#stampInBtn").click(function() { 

    var userId = $("#userId").val(); 

    $.ajax({ 
     url: "ComeAndGo/CreateStamp", 
     type: "POST", 
     dataType: "json", 
     data: { 
      userId: userId, 
     } 
    }); 

}); 

查看：

<input type="text" id="idUser" class="form-control" /> 
    <br /> 
    <input type="submit" value="IN" id="stampInBtn" /> 

我当然查看里面更多的代码; divs，头部，身体，标题和脚本。但它可能有点不相关。

我应该怎么做才能成功显示这些消息？

问候。

Answer 1

添加成功功能，Ajax调用

$.ajax({ 
    url: "ComeAndGo/CreateStamp", 
    type: "POST", 
    dataType: "json", 
    data: { userId: userId }, 
    success: function(data) { 
    // data contains the value returned by the server 
    console.log(data); 
    }  
}); 

因此，如果控制器返回

return Json("This is a message"); 

的data值将成为“这是一条消息”。请注意，返回值可以是复杂类型或局部视图

Answer 2

您将得到$("#userId")的值，但输入的ID为idUser。

试着让你的输入：

<input type="text" id="userId" class="form-control" /> 

而且，因为它似乎是你只传递用户ID在您的文章，并没有别的这将是一个好主意，为您的Stamping模型结构。

Answer 3

更改您的javascript代码如下：

  $(document).ready(function() { 

     $("#stampInBtn").click(function() { 

     var userId = $("#userId").val(); 

      $.ajax({ 
       url: "ComeAndGo/CreateStamp", 
       type: "POST", 
       dataType: "json", 
       data: { 
        userId: userId, 
       }, 
       success: function(data) { 
       var objData= jQuery.parseJSON(data); 
       alert(objData.Message); 
       }, 
       error: function (request, status, error) { 
        alert(request.responseText); 
       } 

      }); 

     }); 
    });