我最近将我的一个项目从MVC2升级到MVC3并相应地调整了一些代码。我遇到的一个问题是JSON和DateTime问题。
我有一个非常简单的演示代码,这个想法非常简单,我从控制器返回JSON,客户端JavaScript按原样接收并回发到另一个操作方法来比较数据。
我用作数据容器的视图模型是
public class JsonViewModel {
public int IntegerValue {
get;
set;
}
public string StringValue {
get;
set;
}
public DateTime DateTimeValue {
get;
set;
}
}
我有一个带有2个操作方法的控制器,一个用于生成JSON数据,另一个用于接收JSON数据:
public class HomeController : Controller {
[HttpPost]
public JsonResult GetJsonData() {
JsonViewModel data = new JsonViewModel
{
IntegerValue = 99,
StringValue = "This is test string",
DateTimeValue = DateTime.Now
};
return new JsonResult { ContentEncoding = Encoding.UTF8, Data = data };
}
[HttpPost]
public ActionResult ReceiveJsonData(JsonViewModel data) {
return View(data);
}
}
视图代码也非常简单,
<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<SomeClass>" %>
<!DOCTYPE html>
<html>
<head runat="server">
<link type="text/css" href="<%: Url.Content("~/Content/site1.css") %>" rel="stylesheet" />
<link type="text/css" href="<%: Url.Content("~/Content/themes/base/jquery.ui.all.css") %>" rel="stylesheet" />
<script type="text/javascript" src="<%: Url.Content("~/Scripts/jquery-1.5.1.js") %>"></script>
<script type="text/javascript" src="<%: Url.Content("~/Scripts/jquery.validate.js") %>"></script>
<script type="text/javascript" src="<%: Url.Content("~/Scripts/jquery.validate.unobtrusive.js") %>"></script>
<script type="text/javascript" src="<%: Url.Content("~/Scripts/jquery-ui-1.8.11.js") %>"></script>
</head>
<body>
<input type="button" value="JSON Test" id="btnJson" />
<script>
$(document).ready(function () {
$('#btnJson').click(function () {
$.ajax({
type: "Post",
url: "/Home/GetJsonData/",
dataType: "json",
error: function (request, error) {
alert("readyState: " + request.readyState + "\nstatus: " + request.status);
alert("responseText: " + request.responseText);
},
success: function (data) {
var jsonData = JSON.stringify(data);
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: "/Home/ReceiveJsonData/",
cache: false,
data: jsonData,
dataType: "html",
success: function (result) {
//alert(result);
},
error: function (request) {
alert("readyState: " + request.readyState + "\nstatus: " + request.status);
alert("responseText: " + request.responseText);
}
});
}
});
});
});
</script>
</body>
</html>
我期望在GetJsonData
动作方法中生成和搜索的对象应与ReceiveJsonData
动作方法相同。但实际行为是持久化整数和字符串值,但重置datetime
值。
有什么线索?
答案 0 :(得分:4)
或者你可以这样做:
var jsonData = JSON.stringify(data).replace(/\/Date\(\d+\)/g, function (a) { return '\\' + a + '\\'; });
它应该像魅力一样。
答案 1 :(得分:2)
我有同样的问题。在测试期间,我意识到JSON.stringify从“\ / Date(xxxxx)\ /”中删除“\”,而MVC无法反序列化它。解决方案是强制执行不同类型的DateTime序列化。而不是返回JsonResult我做这样的事情:
var json = JsonConvert.ExportToString(data); return Content(json,"application/json");
JsonConvert是一个Jayrock库类。它以XML格式存储DateTime值,这对MVC来说是可以理解的。希望有所帮助
答案 2 :(得分:-3)
我从http://forums.asp.net/t/1689952.aspx/1得到了一个对我有用的答案。