jquery - 在 MVC 3 应用程序中，如何执行 DateTimes 和 TimeSpans 的简单 AJAX/JSON 往返？-6ren

jquery - 在 MVC 3 应用程序中，如何执行 DateTimes 和 TimeSpans 的简单 AJAX/JSON 往返？

转载作者：行者123 更新时间：2023-12-01 07:31:47

33

4

给定一个简单的往返场景，如何将 JSON 数据返回到浏览器，然后通过 ModelBinds 到具有 3 个属性的类型(Int32、DateTime、TimeSpan)的 JSON 接受来自浏览器的更新？

服务器代码( Controller )

    public class Product
    {
        public int Id { get; set; }
        public DateTime Start { get; set; }
        public TimeSpan Duration { get; set; }
    }

    [AcceptVerbs(HttpVerbs.Get)]
    public JsonResult data()
    {
        return Json(
           new Product {
               Id = 1, Start = DateTime.Now, 
               Duration = TimeSpan.FromMinutes(30)}
           , JsonRequestBehavior.AllowGet);
    }

    [HttpPost]
    public void data(Product product)
    {
        //product is not bound; modelbinder fails on DateTime and TimeSpan
        Console.WriteLine("Data: " + product);
    }

立即窗口中的错误

ModelState["Start"].Errors[0]
{System.Web.Mvc.ModelError}
    ErrorMessage: "The value '/Date(1302295231115)/' is not valid for Start."
    Exception: null

ModelState["Duration"].Errors[0]
{System.Web.Mvc.ModelError}
    ErrorMessage: "The Duration field is required."
    Exception: null

客户端代码(getData和changeData绑定(bind)到2个不同的按钮)

<script type='text/javascript'>
    var myData;
    function getData(event)
    {
        $.getJSON('/home/data', function (data)
        {
            myData=data;
            console.dir(data);                
        });
    }

    function changeData(event)
    {
        var postData = JSON.stringify(myData);

        $.ajax({
            url: '/home/data',
            type: "POST",
            data: postData,
            dataType: "json",
            contentType: "application/json; charset=utf-8",
            success: function () {
                console.log('success!');
            },
            error: function () {
                console.log('fail!');
            }
            });
    }

    $(document).ready(function ()
    {
        $('#get').click(getData);
        $('#post').click(changeData);
    }
</script>

<body>
    <button id="get" onclick="return(false);">get</button>
    <button id="post" onclick="return(false);">post</button>
</body>

2012 年 3 月更新

看起来像是即将推出的Microsoft WebAPI will serialize to ISO8601感谢 Scott Hanselman 和 James Newton-King

最佳答案

处理日期的方式存在问题。 JavaScriptSerializer处理日期时使用以下格式: /Date(1302296382818)/ 不幸的是，在解析 GET JSON 响应时，这对 jQuery 没有什么意义，因此您在客户端无法获得真正的日期，而是字符串。因此，您需要无耻的黑客才能将此字符串转换为真实日期:

myData.Start = new Date(parseInt(data.Start.substr(6)));

这是黑客攻击的完整故事:

型号:

public class Product
{
    public int Id { get; set; }
    public DateTime Start { get; set; }
}

Controller :

public class HomeController : Controller
{
    public ActionResult Index()
    {
        return View();
    }

    public ActionResult Data()
    {
        var product = new Product
        {
            Id = 1,
            Start = DateTime.Now,
        };
        return Json(product, JsonRequestBehavior.AllowGet);
    }

    [HttpPost]
    public ActionResult Data(Product product)
    {
        return Json(product);
    }
}

查看:

<script type="text/javascript">
    var myData;

    function getData(event) {
        $.getJSON('/home/data', function (data) {
            myData = data;
            myData.Start = new Date(parseInt(data.Start.substr(6)));
        });
        return false;
    }

    function changeData(event)
    {
        var postData = JSON.stringify(myData);

        $.ajax({
            url: '/home/data',
            type: 'POST',
            data: postData,
            dataType: 'json',
            contentType: 'application/json; charset=utf-8',
            success: function (result) {
                console.log(result);
            }
        });

        return false;
    }

    $(function () {
        $('#get').click(getData);
        $('#post').click(changeData);
    });
</script>

<button id="get">get</button>
<button id="post">post</button>

将 TimeSpan 案例留给读者作为练习，因为它将需要另一次无耻的黑客攻击，而我厌倦了黑客攻击:-)

关于jquery - 在 MVC 3 应用程序中，如何执行 DateTimes 和 TimeSpans 的简单 AJAX/JSON 往返？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5600510/

33

4

0

文章推荐： boolean - 命名 boolean 值

文章推荐： perl - 如何在perl中检查文件是否存在并重命名

文章推荐： java - 使用不同名称创建对象

python - datetime.datetime 对象的总和给出了错误 TypeError : unsupported operand type(s) for +: 'datetime.datetime' and 'datetime.datetime'
我正在尝试使用以下方法对 datetime.datetime 对象列表求和: from datetime import datetime, timedelta d= [datetime.datetim
python - (datetime.datetime.today()-datetime.datetime.today()).天给-1
我正在尝试这个 (datetime.datetime.today()-datetime.datetime.today()).days 给出 -1 并期待值 0 而不是我得到 -1。在这种情况下，我将结
Average of datetime.datetime.now() is overstated(Datetime.Datetime.now()的平均值被夸大了)
如果我列一个时间增量的列表，平均值比我对这些增量的微秒值求平均时要大。为什么会这样呢？。赠送。这是Linux上的Python3.8.10。
python - 为什么 datetime.datetime.now() - datetime.datetime.now() 等于 datetime.timedelta(-1, 86399, 999974)？
考虑以下片段: import datetime print(datetime.datetime.now() - datetime.datetime.now()) 在 x86_64 Linux 下的 P
python - SQLAlchemy DateTime 到 datetime.datetime
如何在 SQLAlchemy 查询中比较 DateTime 字段和 datetime.datetime 对象？例如，如果我这样做 candidates = session.query(User).f
python - 类型对象 'datetime.datetime' 没有属性 'datetime'
我收到以下错误: type object 'datetime.datetime' has no attribute 'datetime' 在下面一行: date = datetime.datetime
python - dateNow = datetime.datetime.now() 导致 AttributeError : type object 'datetime.datetime' has no attribute 'datetime' "while calculating age
尝试找出如何将当前日期锁定为变量，以从输入的 self.birthday 中减去。我已经查看了各种示例和链接，但无济于事......建议？ from datetime import datetime
python - pandas datetime 和 datetime datetime 之间的区别
您好，我有一些 datetime.datetime 格式的日期，我用它们来过滤带有 Pandas 时间戳的 Pandas 数据框。我刚刚尝试了以下方法并获得了 2 小时的偏移量: from datet
python - 为什么 datetime.now(datetime.timezone.utc) 和 datetime.datetime.utcnow() 之间存在差异
如果您调用 datetime.datetime.now(datetime.timezone.utc) 您会得到类似 datetime.datetime(2021, 9, 8, 1, 33, 19, 6
python:将 pywintyptes.datetime 转换为 datetime.datetime
我正在使用 pywin32 读取/写入 Excel 文件。我在 Excel 中有一些日期，以 yyyy-mm-dd hh:mm:ss 格式存储。我想将它们作为 datetime.datetime 对象
python - 为什么 datetime.datetime.now().timestamp() 和 datetime.datetime.utcnow().timestamp() 之间存在差异？
据我所知，自 Unix 纪元(1970-01-01 00:00:00 UTC)以来的秒数在全局各地应该是相同的，因为它固定为 UTC。现在，如果您所在的时区有几个小时 +/- UTC，为什么这样做会
python - 添加 datetime.datetime 和 datetime.time
我正在尝试添加 datetime.datetime 和 datetime.time 以获得一列。我正在尝试结合: import datetime as dt dt.datetime.combine(m
python - "import datetime"对比"from datetime import datetime"
我有一个脚本需要在脚本的不同行执行以下操作: today_date = datetime.date.today() date_time = datetime.strp(date_time_string
python - "type object ' datetime.datetime ' has no attribute ' datetime '"即使是"import datetime"
我在 AppEngine 上收到 type object 'datetime.datetime' has no attribute 'datetime' 错误，提示日期时间类型，但我的导入是 impo
python - 使用 datetime.now 给出 datetime.datetime 错误
所以我一直在使用 python 语言制作东西。我遇到了一些不太容易理解的错误: TypeError: 'datetime.datetime' object is not subscriptable (
python - datetime.date + datetime.timedelta = datetime.date 什么意思
当我运行时 from datetime import date, time, timedelta date(2012, 11, 1) + timedelta(0, 3600) 结果是 datetime
datetime - 如何将 chrono `DateTime` 实例转换为 `DateTime` ？
我的目标是转换 utc进入loc : use chrono::{Local, UTC, TimeZone}; let utc = chrono::UTC::now(); let loc = chron
python - 将 datetime.date 对象与 datetime.datetime 对象中的时间字符串组合
假设您有一个 datetime.date 对象，例如 datetime.date.today() 返回的对象。稍后您还会得到一个表示时间的字符串，它补充了日期对象。在 datetime.datet
python - 如何检查变量是否是 datetime.datetime 或 datetime.date 的实例
我试过了 In [16]: import datetime In [17]: now = datetime.datetime.utcnow() In [18]: isinstance(now, dat
python - 无法将 datetime.datetime 与 datetime.date 进行比较
我有以下代码并且收到上述错误。由于我是 python 新手，因此无法理解此处的语法以及如何修复错误: if not start or date < start: start = date 最佳答案有

首页

博学

6Ren·AI

商城

jquery - 在 MVC 3 应用程序中，如何执行 DateTimes 和 TimeSpans 的简单 AJAX/JSON 往返？