[英]Laravel Ajax form post shows 500 internal server error. I tried solving with a lot of solution but still not working
我想用 ajax 请求发布数据,但它说是内部服务器。 我尝试添加元数据和 X-CSRF-TOKEN 但仍然无法正常工作。 请看看我的代码
Ajax 代码:
$("#firstForm").on("submit", (e)=>{
e.preventDefault()
let dataString = $(this).serialize();
let email = document.getElementById("emailInput").value
let password = document.getElementById("passwordInput").value
var token = $('meta[name="csrf-token"]').attr('content');
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': token
}
});
$.ajax({
type: 'POST',
url: '/register/create',
data: dataString,
dataType: 'json',
}).done(function(response){
console.log("Done");
});
return false;
})
HTML 表格:
<form class="mt-5 text-start" id="firstForm" method="post">
<label class="text-white main-font">Email</label>
<input type="email" name="email" id="emailInput" class="form-control mb-2" placeholder="Enter your email here">
<label class="text-white main-font">Password</label>
<input type="password" name="password" id="passwordInput" class="form-control password mb-2" placeholder="Enter your password here">
<i class="d-none fa-solid fa-eye fs-5 eye" onclick="eyeOpen()"></i>
<i class="fa-solid fa-eye-slash fs-5 eye" onclick="eyeClose()"></i>
<div class="form-check text-start mb-5">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
<label class="form-check-label text-white" for="flexCheckDefault">
I've agree to the terms and conditions!
</label>
</div>
<button id="firstBtn" class="mb-3 mt-5 btn btn-lg btn-danger text-white main-font w-100">Next</button>
</form>
Laravel 路线:
Route::post('register/create', [AccountController::class, 'create']);
Laravel Controller:
public function create(Request $request) {
$user = new User;
$user->email = $request->email;
$user->password = Hash::make($request->password);
$user->save();
return view('accounts.login');
}
错误:
[2022-11-22 13:18:23] local.ERROR: SQLSTATE[HY000]: General error: 1364 Field 'name' doesn't have a default value (SQL: insert into `users` (`email`, `password`, `updated_at`, `created_at`) values (?, $2y$10$uwsmx9lDw4z9a0tGwUjBWeNM8zfNEkoa7oREGdCBgxTkF3Owlo5Uy, 2022-11-22 13:18:23, 2022-11-22 13:18:23)) {"exception":"[object] (Illuminate\\Database\\QueryException(code: HY000): SQLSTATE[HY000]: General error: 1364 Field 'name' doesn't have a default value (SQL: insert into `users` (`email`, `password`, `updated_at`, `created_at`) values (?, $2y$10$uwsmx9lDw4z9a0tGwUjBWeNM8zfNEkoa7oREGdCBgxTkF3Owlo5Uy, 2022-11-22 13:18:23, 2022-11-22 13:18:23)) at C:\\xampp\\htdocs\\dating\\vendor\\laravel\\framework\\src\\Illuminate\\Database\\Connection.php:712)
创建新用户时,名称字段是必需的,错误还表明该名称没有值。
尝试添加填写您的姓名的表格并通过 ajax 发送。像这样
<form class="mt-5 text-start" id="firstForm" method="post">
@csrf
<label class="text-white main-font">Name</label>
<input type="text" name="name" id="name" class="form-control mb-2" placeholder="Enter your Name here">
<label class="text-white main-font">Email</label>
<input type="email" name="email" id="emailInput" class="form-control mb-2" placeholder="Enter your email here">
<label class="text-white main-font">Password</label>
<input type="password" name="password" id="passwordInput" class="form-control password mb-2" placeholder="Enter your password here">
<i class="d-none fa-solid fa-eye fs-5 eye" onclick="eyeOpen()"></i>
<i class="fa-solid fa-eye-slash fs-5 eye" onclick="eyeClose()"></i>
<div class="form-check text-start mb-5">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
<label class="form-check-label text-white" for="flexCheckDefault">
I've agree to the terms and conditions!
</label>
</div>
<button id="firstBtn" class="mb-3 mt-5 btn btn-lg btn-danger text-white main-font w-100">Next</button>
</form>
并像这样更改您的 controller
public function create(Request $request) {
$user = new User;
$user->name= $request->name;
$user->email = $request->email;
$user->password = Hash::make($request->password);
$user->save();
return view('accounts.login');
}
像这样更改您的 ajax
let dataString = $(this).serialize();
$.ajax({
type: "post",
url: '/register/create',
data: dataString, // serializes the form's elements.
success: function(data) {
console.log(data);
},
error: function(data) {
console.log(data['message']);
},
});
我检查了 laravel.log 文件的错误消息。 发现Jquery序列化返回空串。 因此,我自定义编码序列化 function 以获取壁橱数据字符串 Jquery。
let dataString = "email=" + document.getElementById("emailInput").value + "&password=" + document.getElementById("passwordInput").value
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.