在Laravel 9中，JavaScript对话框删除错误

Question

我想在JavaScript中创建一个删除项目前的确认对话框。

我的JavaScript代码：

function confirmerSuppression() {
    var confirmation = confirm("Êtes-vous sûr de vouloir supprimer cet élément ?");

    if (confirmation) {
        window.location.href = '/tiers.destroy/' + id; // 
    } else {
        alert("Suppression annulée !");
    }
}

删除按钮的代码：


    @csrf

我的路由：

Route::post('/tiers/details/{id}', [App\Http\Controllers	iersController::class, 'destroy'])->name('tiers.destroy');

我的控制器：

public function destroy($id)
{
    Tier::where("id","=",$id)->delete();
    return redirect()->route('prospects.liste')->with("success","Tier supprimée avec succès.");
}

当我点击DELETE按钮时，对话框出现。但无论我点击取消还是确定，它都会删除元素。

请问有人知道这是怎么回事吗？

JohnnyHK · Answer

问题可能与您在JavaScript代码中构建删除URL的方式有关。confirmerSuppression 函数内部并未定义 id 变量。

以下是更新后的代码：

function confirmerSuppression(id) {
    var confirmation = confirm("Êtes-vous sûr de vouloir supprimer cet élément ?");

    if (confirmation) {
        window.location.href = '/tiers/details/' + id + '/destroy';
    } else {
        alert("Suppression annulée !");
    }
}

以及HTML部分：


    @csrf

确保将PHP代码中的 id 传递给JavaScript函数。另外，将 button 类型调整为 "button"，以防止在确认之前提交表单。

同时，请确保在路由文件中使用正确的URL结构定义路由：

Route::post('/tiers/details/{id}/destroy', [App\Http\Controllers	iersController::class, 'destroy'])->name('tiers.destroy');

现在，id 应该正确地传递给 confirmerSuppression 函数，并且删除的URL应该被正确构造。

Ken White · Answer

您可以将代码替换为以下内容：




    @csrf