Laravel中仅用{{csrf-field}}能否AJAX插入数据？遇未知状态错误求助

嘿，我帮你揪出代码里的几个小问题啦，咱们一个个来修复：

1. AJAX数据参数的低级错误 #

你在AJAX配置里写了data : 'data'，这里是把字符串'data'作为请求数据发出去，而不是你之前用$(this).serialize()序列化好的表单数据变量data！这会导致后端根本拿不到正确的表单数据，还可能触发其他异常。

要改成：

data: data,

2. CSRF Token的问题（这是你遇到未知状态错误的核心原因） #

Laravel默认会拦截所有POST请求的CSRF验证，虽然你用了{{csrf_field()}}（注意正确拼写是{{csrf_field()}}，Laravel 5.6+也可以用更简洁的@csrf指令），但要确保这个生成的隐藏字段在你的表单内部，这样$(this).serialize()才能把它一起序列化到请求数据里。如果表单里没有这个字段，Laravel会返回419状态码（也就是你看到的“未知状态错误”）。

修正后的完整代码 #

function insertData(e){ 
    e.preventDefault(); 
    var data = $(this).serialize(); 
    $.ajax({ 
        url: '/classwork/insert', 
        method: 'post', 
        data: data, // 修正：使用序列化后的表单变量
        success:function(response){ 
            console.log(response); 
        },
        error:function(xhr){
            // 新增错误回调，方便查看具体错误信息
            console.log('请求出错:', xhr.responseText);
        }
    }); 
}

额外调试建议 #

• 打开浏览器开发者工具（F12），在Network标签下查看这个POST请求，检查Form Data里是否有_token字段，这能快速判断CSRF Token是否被正确携带。
• 如果你的表单结构特殊，没办法通过serialize()携带CSRF Token，也可以手动在AJAX的data里添加：

data: {
    ...$(this).serializeArray(),
    _token: '{{csrf_token()}}'
},

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