我将用jQuery首次尝试Ajax。我正在将数据放到页面上，但对于Date数据类型返回的JSON数据，我遇到了一些问题。基本上，我得到的字符串是这样的：
/Date(1224043200000)/
从一个对JSON完全陌生的人那里——我如何将其格式化为短日期格式？这应该在jQuery代码中的某个地方处理吗？我使用$.datepicker.formatDate（）尝试了jQuery.UI.datepicker插件，但没有成功。
仅供参考：以下是我使用以下答案组合得出的解决方案：
function getMismatch(id) {
$.getJSON("Main.aspx?Callback=GetMismatch",
{ MismatchId: id },
function (result) {
$("#AuthMerchId").text(result.AuthorizationMerchantId);
$("#SttlMerchId").text(result.SettlementMerchantId);
$("#CreateDate").text(formatJSONDate(Date(result.AppendDts)));
$("#ExpireDate").text(formatJSONDate(Date(result.ExpiresDts)));
$("#LastUpdate").text(formatJSONDate(Date(result.LastUpdateDts)));
$("#LastUpdatedBy").text(result.LastUpdateNt);
$("#ProcessIn").text(result.ProcessIn);
}
);
return false;
}
function formatJSONDate(jsonDate) {
var newDate = dateFormat(jsonDate, "mm/dd/yyyy");
return newDate;
}
这个解决方案从回调方法中获取了我的对象，并使用日期格式库在页面上正确显示了日期。
在jQuery1.5中，只要您有json2.js来覆盖较旧的浏览器，就可以反序列化来自Ajax的所有日期，如下所示：
(function () {
var DATE_START = "/Date(";
var DATE_START_LENGTH = DATE_START.length;
function isDateString(x) {
return typeof x === "string" && x.startsWith(DATE_START);
}
function deserializeDateString(dateString) {
var dateOffsetByLocalTime = new Date(parseInt(dateString.substr(DATE_START_LENGTH)));
var utcDate = new Date(dateOffsetByLocalTime.getTime() - dateOffsetByLocalTime.getTimezoneOffset() * 60 * 1000);
return utcDate;
}
function convertJSONDates(key, value) {
if (isDateString(value)) {
return deserializeDateString(value);
}
return value;
}
window.jQuery.ajaxSetup({
converters: {
"text json": function(data) {
return window.JSON.parse(data, convertJSONDates);
}
}
});
}());
我包含了一个逻辑，假设您以UTC格式发送服务器上的所有日期（您应该这样做）；消费者然后获得一个JavaScript Date对象，该对象具有适当的记号值来反映这一点。也就是说，在日期上调用getUTCHours（）等将返回与服务器上相同的值，而调用getHours（）将返回用户浏览器确定的本地时区值。
这没有考虑带有时区偏移的WCF格式，尽管添加起来相对容易。
您还可以使用JavaScript库moment.js，当您计划处理不同的本地化格式并使用日期值执行其他操作时，它会很方便：
function getMismatch(id) {
$.getJSON("Main.aspx?Callback=GetMismatch",
{ MismatchId: id },
function (result) {
$("#AuthMerchId").text(result.AuthorizationMerchantId);
$("#SttlMerchId").text(result.SettlementMerchantId);
$("#CreateDate").text(moment(result.AppendDts).format("L"));
$("#ExpireDate").text(moment(result.ExpiresDts).format("L"));
$("#LastUpdate").text(moment(result.LastUpdateDts).format("L"));
$("#LastUpdatedBy").text(result.LastUpdateNt);
$("#ProcessIn").text(result.ProcessIn);
}
);
return false;
}
设置本地化就像向项目中添加配置文件（您可以在momentjs.com上获得）并配置语言一样简单：
moment.lang('de');
