書き換えられたタイトルは「Laravel Ajax を使用して配列から要素を 1 つずつ削除する」です。
P粉356361722
2023-08-28 14:20:24
<p>Append を使用して画像として表示される配列から各要素を削除しようとしています。 </p>
<p>ブレード: </strong></p>
<pre class="brush:php;toolbar:false;"><h4>メニュー画像</h4>
<div class="col-md-12" id="cardImages"></div></pre>
<p><strong><code>Ajax 関数</code></strong></p>
<pre class="brush:php;toolbar:false;">$(document).on('click', '.edit', function(){
$("#cardImages").empty();
var id = $(this).attr("id");
$('#form_output').html('');
$.ajax({
URL: "{{route('restaurantOffers.fetchdata')}}"、
メソッド: 'get'、
データ: {id:id}、
データ型: 'json'、
成功:関数(データ)
{
$('#contract_id').val(id);
$('#editContract').modal('show');
$('#action').val('Speichern');
$('.modal-title').text('データ更新');
$('#button_action').val('update');
var CardUp = データ.カードアップロード;
$.each(cardUp, function(index,value) {
$('#cardImages').append('<a href="{{ url('/storage/offerPic/')}}' '/' value '" download ><img src=" {{ url('/storage/offerPic/')}}' '/' 値 '" alt=""></a><a class="btn btn-danger" target=" ;_blank" rel="nofollow noreferrer" href="post">X</a>');
});
}
})
});</pre>
<p><strong>コントローラー: </strong></p>
<pre class="brush:php;toolbar:false;">関数 fetchdata(Request $request)
{
$id = $request->input('id');
$data = RestaurantOffer::find($id);
$output = 配列(
'cardUpload' => json_decode($data->cardUpload),
);
エコー json_encode($output);
}</pre>
<p>cardUpload 列レコードは、配列として保存されます (<code>["image1.png","image2.png"]</code>)。 </p>
<p>cardImages div に画像は正常に表示されていますが、これらの画像を 1 つずつ削除する関数を作成したいと考えています。 </p>
<p>問題は、配列の要素を 1 つずつ削除する方法です。 </p>
<p>追記: これらの画像は編集ボタンの後に表示されます。したがって、getメソッド内にdeleteメソッドまたはpublishメソッドを作成する必要があります。 </p>
<p>よろしくお願いいたします</p>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
特定の画像を削除するには、各画像の特定の ID を識別する必要があります:
([1=>"画像1.png",2=>"画像2.png"]).
リーリー削除ボタン:
リーリー編集を提案しないでください。編集できないと提案した場合は、別の回答を投稿する必要があります。