Merhaba, herkese iyi günler dilerim. Ajax ile post işlemi yapmaktayım. Controller yapım içerisinde gelen verileri kontrol etmekteyim. Lakin kontrol sırasında tarayıcı üzerinde bulunan geliştirici kısmındaki console kısmında 422 code vermekte.
Controller yapım ;
public function test(Request $request)
{
$request->validate(
[
'title' => 'required',
'content' => 'required',
],
[
'title.required' => 'Başlık alanı zorunludur.',
'content.required' => 'İçerik alanı zorunludur.',
]
);
return response()->json(['success' => 'İşlem başarılı bro!'], 200);
}
JQuery ajax post yapısı;
$(document).ready(function () {
$("#test_submit").click(function () {
var title = $("#title").val();
var content = $("#content").val();
var formSection = $("#reloadTest");
$.ajax({
type: 'POST',
url: "{{ route('test.post') }}",
data: { title: title, content: content },
dataType: 'json',
success: function (data) {
formSection.block({
message:
'<div class="d-flex justify-content-center align-items-center"><div class="spinner-grow spinner-grow-sm text-white" role="status"></div> </div>',
css: {
backgroundColor: 'transparent',
color: '#fff',
border: '0'
},
overlayCSS: {
opacity: 0.5
},
timeout: 1000,
onUnblock: function () {
formSection.block({
message: '<div class="p-1 bg-success">' + data.success + '</div>',
timeout: 500,
css: {
backgroundColor: 'transparent',
color: '#fff',
border: '0',
},
overlayCSS: {
opacity: 0.25
}
});
}
});
},
error: function (data) {
const errors = data.responseJSON.errors
const firstItem = Object.keys(errors)[0]
const firstItemMessage = errors[firstItem][0]
toastr.error('', firstItemMessage, { positionClass: "toast-bottom-right" })
},
});
});
});
Bu sorunu nasıl çözebilirim ? Herkese çok teşekkür ederim.