如何将 JSON 文件发布到 ASP.NET MVC 操作？

Question

我的 iphone 客户端将以下 json 发布到我的 mvc 服务。 当从 html 表单发布数据时，它会自动将表单数据转换为 UserModel 并将对象传递给我的 Create 方法，但是当我从 iphone 在我的请求正文中发送 JSON 字符串时，它会返回为 null。

从 JSON 到 Object 的转换最简洁的解决方案是什么。

我宁愿不为不同的客户端创建多个方法，所以我试图让相同的方法在 iphone 和 mvc 客户端上工作。

我的请求正文：

{
   "firstName" : "Some Name",
   "lastName" : "Some Last Name",
   "age" : "age"
}

我的模型和操作结果

public class UserModel
{
   public int Id { get; set; }
   public string FirstName { get; set; }
   public string LastName { get; set; }
   public int Age { get; set; }
}

[HttpPost]
public Create ActionResult(UserModel user)
{
   // user is null
   userStorage.create(user);
   return SuccessResultForModel(user);
}

Answer 1

您需要将 HTTP 标头accept 设置为“application/json”，以便 MVC 知道您在传递 JSON 并执行解释它的工作。

accept: application/json

在此处查看更多信息：http://www.w3.org/Protocols/rfc2616/rfc2616-sec14.html

更新：使用 MVC3 和 jQuery 的工作示例代码

控制器代码

namespace MvcApplication1.Controllers
{
    public class HomeController : Controller
    {
        public ActionResult Index()
        {
            return View();
        }

        [HttpPost]
        public JsonResult PostUser(UserModel data)
        {
            // test here!
            Debug.Assert(data != null);
            return Json(data);
        }
    }

    public class UserModel
    {
        public int Id { get; set; }
        public string FirstName { get; set; }
        public string LastName { get; set; }
        public int Age { get; set; }
    }
}

查看代码

@{ ViewBag.Title = "Index"; }
<script src="../../Scripts/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
    var sample = {};
    sample.postData = function () {
        $.ajax({
            type: "POST", url: "@Url.Action("PostUser")",
            success: function (data) { alert('data: ' + data); },
            data: JSON.stringify({ "firstName": "Some Name", "lastName": "Some Last Name", "age": "30" }),
            accept: 'application/json'
        });
    };
    $(document).ready(function () {
        sample.postData();
    });
</script>

<h2>Index</h2>

** 更新 ** 在将其传递给 AJAX 请求中的 data 元素之前，我将 JSON.stringify 添加到 JS 对象。这只是使有效负载更具可读性，但是控制器将类似地解释data 的两种格式。

Answer 2

晚了，但希望对某人有所帮助。

从 JSON 到 Object 的转换最简洁的解决方案是什么？

<script src="https://code.jquery.com/jquery-3.1.0.js"></script>

$.post("http://localhost:52161/Default/PostRawJson/", { json: {
   "firstName" : "Some Name",
   "lastName" : "Some Last Name",
   "age" : "age"
}});


public void PostRawJson(string json)
{
    var person = System.Web.Helpers.Json.Decode(json);
    person.firstname...
}

这样您就可以根据要求在控制器中使用纯 JSON 对象。

Answer 3

我最近想出了一种更简单的方法来发布 JSON，并增加了从我的应用程序中转换模型的步骤。请注意，您必须为控制器创建模型 [JsonObject] 才能获取值并进行转换。

请求：

 var model = new MyModel(); 

 using (var client = new HttpClient())
 {
     var uri = new Uri("XXXXXXXXX"); 
     var json = new JavaScriptSerializer().Serialize(model);
     var stringContent = new StringContent(json, Encoding.UTF8, "application/json");
     var response = await Client.PutAsync(uri,stringContent).Result;
     ...
     ...
  }

型号：

[JsonObject]
[Serializable]
public class MyModel
{
    public Decimal Value { get; set; }
    public string Project { get; set; }
    public string FilePath { get; set; }
    public string FileName { get; set; }
}

服务器端：

[HttpPut]     
public async Task<HttpResponseMessage> PutApi([FromBody]MyModel model)
{
    ...
    ... 
}

Answer 4

根据 Glenn Ferries 的回答，在我查看实际发送到控制器的内容之前，这似乎有效 - 它不是 JSON。

因此稍作调整：

这是 MVC 4 和 jQuery 1.7 ish

控制器操作方法（有问题的 UserModel 对象）：

[HttpPost]
public ActionResult Create(UserModel user)
{
    Debug.Assert(data != null);
    return Json(data);
}

发送请求的jQuery代码：

<script>
    $(function () {
        $.ajax({
            type: "POST",
            url: "@Url.Action("Create")",
            /* jQuery will not send JSON unless you explicitly tell it to */
            data: JSON.stringify({ "firstName": "Some Name", "lastName": "Some Last Name", "age": "30" }),
            /* contentType is important for MVC to be able to unpack the json */
            contentType: 'application/json'
            accept: 'application/json',
        }).done( function(data) {
            /* this callback gets used when successful */
            console.log("response: " + data);
        }).fail(function (jqxhr, status, error) {
            /* for debugging: this callback gets used in case of errors */
            console.log("error :" + error);
        }).always(function () {
            /* for debugging: this callback always gets called at the end either way*/
            console.log("complete");
        });
    });

</script>

MVC 控制器操作很简单。

难点在于确保您实际上是在向它发送 JSON 以对其进行测试。

jQuery ajax() 方法在与 POST 一起使用时通常会使用请求正文中的查询字符串格式对参数进行编码。 MVC 可以愉快地解压它。

要使用 ajax() 实际发送 JSON，您必须使用 JSON.stringify()。

为了让 MVC 正确解释该请求，您需要设置 contentType