データベース内のレコードは削除されますが、フロントエンド インターフェイスには削除ボタンが残ります。
P粉118698740
2023-08-29 17:04:46
<p>削除ボタンをクリックすると、データベースからレコードが正常に削除されます。ただし、フロントエンド ページではすぐには削除されず、ページを再読み込みまたは更新するまで削除結果は表示されません。 </p>
<p>私の見解:</p>
<pre class="brush:php;toolbar:false;">@foreach (モデル内の var 項目)
{
<a href="#" class="phone_number" onclick="del(this)" data-id="@item.id">
<i class="fas fa-trash-alt"</i>
</a>
}
<スクリプト>
関数 del(x) {
var url = '@Url.Action("deleteRent", "Home")';
var rd = x.dataset.id
デバッガ
$.ajax({
URL: URL、
タイプ: 'POST'、
データ： {
ID:rd
}、
成功: 関数 (データ) {
if (data.length == 0) // エラーなし
alert("削除に成功しました!");
}、
error: function (jqXHR) { // HTTP ステータスが 200 ではありません
}、
complete: function (jqXHR, status) { // 成功かエラーかをここに入力します
}
});
};
</script></pre></p>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
アラートの後に window.location.reload() コードを追加してください....
リーリーこのコードは、成功するとページを自動的にリロードします
実際には、データベースからデータを削除しましたが、ページを更新しませんでした。
あるいは、Dipendrasinh Vaghela の回答を使用して、ページ全体を更新します。
また、DOM 内を検索して表示する関数がある場合は、削除が成功したときにその関数を呼び出すこともできます。これにより、データを表示する部分のみが更新されます。