Laravel中使用Ajax直接路由报错，日期JSON格式解析求助

后端处理（推荐） #

从根源上解决日期格式问题，是更规范的处理方式：

• 模型全局配置日期序列化格式
  在对应的Eloquent模型中，重写serializeDate方法自定义日期输出格式，该模型所有日期字段转为JSON时都会遵循此格式：

// 示例模型：Product.php
class Product extends Model
{
    protected function serializeDate(\DateTimeInterface $date)
    {
        // 可按需调整格式，比如'Y-m-d'或'Y-m-d H:i:s'
        return $date->format('Y-m-d H:i:s');
    }
}

也可直接设置$dateFormat属性，但serializeDate方法支持更多自定义逻辑，灵活性更强。

• 控制器中单独处理日期字段
  如果仅个别接口需要调整，在返回JSON前手动转换指定日期字段：

public function urunDurumKontrolu(Request $request)
{
    $data = Product::findOrFail($request->id);
    // 转换单个日期字段
    $data->created_at = $data->created_at->format('Y-m-d H:i:s');
    $data->updated_at = $data->updated_at->format('Y-m-d H:i:s');
    
    return response()->json($data);
}

前端处理（应急方案） #

若暂时无法修改后端代码，可在前端解析异常格式的日期：

// 解析/Date(xxx)/格式的日期为指定字符串
function formatJsonDate(dateStr) {
    const timestamp = parseInt(dateStr.match(/\d+/)[0]);
    const date = new Date(timestamp);
    // 拼接成YYYY-MM-DD HH:mm:ss格式
    return `${date.getFullYear()}-${String(date.getMonth()+1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')} ${String(date.getHours()).padStart(2, '0')}:${String(date.getMinutes()).padStart(2, '0')}:${String(date.getSeconds()).padStart(2, '0')}`;
}

// 在Ajax回调中使用
success: function(response) {
    // 遍历数据转换日期字段
    if (Array.isArray(response)) {
        response.forEach(item => {
            item.created_at = formatJsonDate(item.created_at);
            // 其他日期字段同理处理
        });
    } else {
        response.created_at = formatJsonDate(response.created_at);
    }
    // 后续渲染页面逻辑
}

问题原因说明 #

/Date(1224043200000)/是旧版ASP.NET的JSON日期序列化格式，出现该问题通常是Laravel中日期字段的序列化逻辑异常，优先通过后端配置统一处理，可避免后续其他接口出现同类问题。

内容的提问来源于stack exchange，提问作者user19704437