因此,我试图通过管理面板更新用户,我通过v模型从表单获取值,然后使用FormData()中的所有数据执行axios.put。问题是我得到一个错误500,说明x字段不能为空,所以我想我的FormData()不会传递给控制器。 我尝试使用post方法,但效果很好。所以我想知道我做错了什么? 这是Vuejs代码:
<script>
export default {
data () {
return {
search: '',
headers: [
{ text: 'ID', align: 'start', value: 'id'},
{ text: 'Name', value: 'name' },
{ text: 'Profile', value: 'profile' },
{ text: 'Email', value: 'email' },
{ text: 'Created At', value: 'created_at' },
{ text: 'Actions', value: 'actions' },
],
users: null,
editedUser: null,
dialog: false,
}
},
methods: {
getUsers(){
axios.get('../admin/getUsers')
.then(response => this.users = response.data)
},
editUser(item){
this.editedUser = item;
this.dialog = true;
},
submitEditedUser(){
let data = new FormData();
data.append('id', this.editedUser.id)
data.append('name', this.editedUser.name)
data.append('profile', this.editedUser.profile)
data.append('email', this.editedUser.email)
axios.put('../admin/updateUser/' + this.editedUser.id, data)
.then(res => {
console.log('done');
})
.catch(err => {
console.log('changes failed');
})
}
},
mounted(){
this.getUsers();
}
}
</script>
这是控制器代码:
/**
* Update the specified resource in storage.
*
* @param \Illuminate\Http\Request $request
* @param int $id
* @return \Illuminate\Http\Response
*/
public function updateUser($id, Request $request)
{
$user = User::find($id);
$user->name = request('name');
$user->profile = request('profile');
$user->email = request("email");
$user->save();
}
一切都可以在post上正常工作,因此变量或表单没有任何问题,我认为这实际上只是未传递的数据。虽然我想使用put方法,因为它最初用于更新数据。 谢谢!
答案 0 :(得分:-1)
您可以试试吗?如果这不起作用,您可以在控制器内部dd(request)dd并查看是否为空
public function updateUser($id, Request $request)
{
$user = User::find($id);
$user->name = $request->data['name'];
$user->profile = $request->data['profile'];
$user->email = $request->data['email'];
$user->save();
}