Delete-Methode in den Axios, Laravel und VueJS

Ich bin versucht, senden Sie eine Anfrage löschen, die über axios zu laravel wie folgt:

axios.delete('api/users/' + this.checkedNames)
.then((response) => {
    console.log(response)
}, (error) => {
    //error callback
})

Nun von axios-Dokumentation habe ich gelesen, dass für die Anfrage löschen wir sollte mit einer configObject so dass die oben genannten könnte umgeschrieben werden, etwa so:

axios.delete('api/users/', {params: {ids:     
    this.checkedNames})
.then((response) => {
    console.log(response)
}, (error) => {
    //error callback
})

Habe ich dann Route::resource('users', 'UsersController'); im api.php also die default-route löschen:

DELETE| api/users/{user}| users.destroy

und der controller-Methode ist:

|App\Http\Controllers\UsersController@destroy

Ich bin in der Lage zu löschen wie erwartet ein user, wenn ich einen einzigen id-sagen wir mal-api/users/12, es wird korrekt gelöscht, aber wenn ich versuchen Sie, übergeben Sie das array über die Dinge kompliziert.

wenn ich versuche so pro axios Dokumentation axios.delete('api/users/', {params: {id: this.checkedNames}}) es sieht ich bin das senden dieser http://lorillacrud.dev/api/users?id[]=21&id[]=20 aber ich bekomme 405 Methode nicht erlaubt.

wenn ich versuche axios.delete('api/users/' + this.checkedNames ) bekomme ich http://lorillacrud.dev/api/users/20,21 so in mein destroy-Methode, die ich greifen konnte die ids und löschen, aber ich Frage mich, ob dies der richtige Weg, es zu tun?

update

Ich schien ich es zu arbeiten, aber ich bin nicht zu verstehen, so dass jede Hilfe immer noch geschätzt, um ein Gefühl von dem, was ich bin, tatsächlich macht die Arbeit!

So, wenn änderung:

axios.delete('api/users/destroy', {params: {'id': this.checkedNames})

und in mein destroy-Methode:

    if ($request->id) {
        foreach ($request->id as $id) {
            User::destroy($id);
        }
    }
    User::destroy($id);
}

So...

//not deletes the user
axios.delete('api/users/destroy', {params: {id: id}}) 

//ok deletes the users when using request->id in a for loop in the destroy laravel method.
axios.delete('api/users/destroy', {params: {ids: this.checkedNames}}) 

//ok deletes one user
axios.delete('api/users/' + id)

sorry Leute, aber ich habe eine Menge Verwirrung, warum und was !!!

Namens der route ist user.destroy warum funktioniert es, wenn ich ein array übergeben und es funktioniert nicht, wenn ich einen einzigen Wert, warum Umgekehrt die route mit der Methode delete wird nicht gelöscht, wenn ein array übergeben ???

Keinen Unterschied zwischen der Verwendung api/users/destroy vs api/users nur?

Vielen Dank für jede Hilfe!

Vielen Dank für die änderungen, werde vorsichtiger sein, nächste Frage.

InformationsquelleAutor Lorenzo Beltrame | 2017-09-24

3

Ist es wegen der Signaturen. Die Standard - delete route bei der Verwendung Resource erwartet einen einzigen parameter. Also, wenn Sie tun:
```
axios.delete('api/users', {params: {'id': this.checkedNames})
```
Ihnen fehlen erforderlich parameter. Die route ist
```
Route::delete('api/users/{id}', 'UserController@destroy');
//You are missing `id` here. So it won't work. 
```
In der Regel, wenn Sie gehen, um streunende Weg von der default-Verhalten, es ist empfohlen erstellen Sie Ihre eigene Funktion. So könnte man belassen Sie die Standard - destroy($id) Funktion wie löschen Sie einen einzelnen Eintrag und schreiben Sie eine neue Funktion löschen viele. Starten Sie, indem Sie eine route für Sie
```
Route::delete('api/users', 'UserController@deleteMany');
```
Dann definieren Sie die Funktion um handle es
```
public function deleteMany(Request $request)
{
    try 
    {
        User::whereIn('id', $request->id)->delete(); //$request->id MUST be an array
        return response()->json('users deleted');
    }

    catch (Exception $e) {
        return response()->json($e->getMessage(), 500);
    }
}
```
Zusammenzufassen, dein problem kam von der route definition. Ihre route von Axios nicht mit der route definition von Laravel, daher der 405.

Ok, ich sehe, vielen Dank, ich war die Konzentration auf die params-während der Fehler war, auf die laravel Seite! Vielen Dank für diesen Hinweis.

InformationsquelleAutor EddyTheDove
0

Wurde ich mit einer Frage zu senden Daten als Modell bei der Herstellung Anfrage löschen. Ich fand einen fix wie folgt:
```
deleteCall (itemId, jsonModel) {
return api.delete(`/users/${itemId}/accounts/`, {data: jsonModel})
},
```
InformationsquelleAutor Ravi Anand
0

Ich auch erlebt das gleiche problem. Dies funktioniert für mich:
```
deletePost: function(id) {
                axios.post('/posts/'+id,{_method: 'delete'})
            }
```
Mit axios.post() statt axios.delete, und senden _method "löschen"

Schön... für mich arbeiten

InformationsquelleAutor Elib
0

Löschen von Benutzern in der Reihe

Andere gute option ist die Umwandlung von javascript-array zu string, und übergeben Sie die erforderlichen parameter, statt der übergabe-Objekt. Hier das Beispiel:

In Vue.js 2.5.17+

//Use the javascript method JSON.stringify to convert the array into string: axios.delete('api/users/' + JSON.stringify(this.checkedNames))

In Laravel 5.3+
```
//Resource default route (you don't need to create, it already exists)
Route::delete('api/users/{id}', 'UserController@destroy'); 

//In laravel delete method, convert the parameter to original array format 
public function destroy($id)
{
    User::destroy(json_decode($id); //converting and deleting users in array 'id'
}
```
Löschen Einzel-Benutzer-id

Geben Sie einfach die id. Sie brauchen nicht zu konvertieren.

In Vue.js 2.5.17+
```
axios.delete('api/users/' + id)
```
In Laravel 5.3+

Können Sie die Namen der parameter, wie Sie wünschen: user, id, item ,...
```
In Laravel 5.6+ < is named as $id //this can be the id or the user object
In Laravel 5.7+ > is named as $user //this can be the id or the user object

public function destroy($id)
{
    User::destroy($id); 
}
```
InformationsquelleAutor Jose Seie

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.