Laravel + x-editable：违反完整性约束 1048：没有数据通过

Question

使用 x-editable 创建一个可编辑的表单，通过 ajax 发送请求。 表格如下所示：

<a href="#" class="editable editable-click" id="mileage" 
        data-name="mileage" 
        data-type="number" 
        data-pk="{{ $car->id }}" 
        data-original-title="Enter mileage">
    {{ $car->mileage }}
</a>

然后是JS：

$('#mileage').editable({
  url: '{{ route('changeMileage', $car->id) }}',
  type: 'number',
  pk: {{ $car->id }},
  name: 'mileage',
  title: 'Enter mileage in km',
  validate:function(value){
    if ($.trim(value) === '') {
      return "Field is required";
    }
  }
})

在我的 controller 中：

$car = Car::where('id', $id)->first();

$this->validate($request, [
        'value' => 'number|min:' . $car->mileage . '|max:999999',
]);

$car->update([$car->mileage => $request->value]);

controller 代码有点乱，因为我尝试了它的不同版本。 只是因为我需要验证（输入的里程不能少于现有里程）。

但问题是，一旦我发送请求，我得到了Integrity constraint violation: 1048错误，这表示mileage字段为空。 运行dd($request->value)给我null ，但监视来自浏览器的请求，它按预期进行： name=mileage&value=325000&pk=1 。

controller 不知何故缺少value 。 请问有什么解决办法吗？

PS 我故意没有检查pk值，因为我在当前页面上只有一个字段可以编辑，并且已经有id信息。

PPS 我尝试了所有我能想象到的方法 - dd($request->all())仍然返回一个空数组 - []。

Answer 1

好吧，即使 x-editable 被放弃，它也可以工作。 在其他开发人员的帮助下，我想出了这个解决方案。

在我的 JavaScript 代码中，在所有其他选项之后添加以下行：

ajaxOptions: {
  dataType: 'json'
},

在此之前，在同一个 JS 文件中，添加一行来设置 ajax 标头：

$.ajaxSetup({
  headers: {
    'Content-Type': 'application/json',
    "X-CSRF-Token": "{{ csrf_token() }}",
    'X-Requested-With': 'XMLHttpRequest',
    'Content-type': 'application/x-www-form-urlencoded; charset=UTF-8'
  },
});

在 Controller 中添加了一个检查以查看请求是否通过 ajax 发送：

if($request->ajax()) {
  $car->update(['mileage' => $request->input('value')]);
  return response()->json(['success' => true]);
}

现在请求如下： name=mileage&value=325002&pk=1

之后，它就像一个魅力！