jquery ajax请求的JSON日期格式

Question

我想通过ajax加载一些数据并自动解析日期.

var url = "http://example.com/report_containing_dates.json"
jQuery.getJSON(url, function(data_containing_dates_and_strings){
  console.log(date);
});

我的json中的日期格式是"2012-09-28"(来自rails to_json的默认格式),但jQuery只是将其视为一个字符串.日期需要什么格式才能将jquery解析为日期？

样品回复:

{
  "columns": [
    ["date", "Date"],
    ["number", "active_users"],
  ],
  "rows": [
    ["2012-09-28", 120, 98, 60],
    ["2012-09-29", 127, 107, 63]
  ]
}

Answer 1

格式化日期字符串无关紧要.JSON方法永远不会自动将其转换为Date对象.JSON只支持这些基本类型:Number,String,Boolean,Array,Object和null.(http://en.wikipedia.org/wiki/JSON)

您必须自己将这些日期字符串转换为Date对象.

在你的情况下,可能是这样的:

$.each(response.rows, function (idx, row) {

  row[0] = Date.parse(row[0]);
}

Answer 2

好吧，这比预期要困难得多，但我确实有一个解决方案。

我采取的方法是在 ajax 请求中请求自定义数据类型，然后实现自定义转换器。

首先，我在 json 中使用的日期格式现在是 date("yyyy-mm-dd")，原始示例如下所示：

{
  "columns": [
    ["date", "Date"],
    ["number", "active_users"],
  ],
  "rows": [
    ["date(2012-09-28)", 120, 98, 60],
    ["date(2012-09-29)", 127, 107, 63]
  ]
}

然后，我注册一个转换器，将文本转换为名为 json_with_dates 的自定义数据类型。正则表达式用于搜索日期格式并将其替换为语句以创建日期对象。然后使用 Eval 构建 json。

jQuery.ajaxSetup({
  converters: {
    "text json_with_dates": function( text ) {

      var with_dates = text.replace(/\"date\(([^)]*)\)\"/g, function(a, date){
        var dateParts = date.split("-");
        return "new Date(" + dateParts[0] + "," + dateParts[1] + "," + dateParts[2] + ")";
      });

      var converted = eval("(" + with_dates + ")");
      return converted;
    }
  }
});

然后我对自定义数据类型发出 ajax 请求：

$.ajax({
    url: div.data('chart'),
    dataType: 'json_with_dates',
    success: function(data_including_dates){
      console.log("win!");
    }
});