[英]Laravel ajax model to show posts
我有一個來自數據庫表的foreach()
,我想顯示一個彈出窗口/模型以顯示其額外信息。
我只顯示標題和描述,然后單擊以打開一個彈出窗口並顯示其額外信息。
@foreach($myProjects as $project)
<div class="col-sm-4 col-md-4 notes notes--blue">
<a href="#edit-note" data-toggle="modal" style="background-color: #f9f9f9;border-bottom: 5px solid #42A5F5">
<div class="notes__title">{{$project->title}}</div>
<div class="notes__body">{{$project->description}}</div>
</a>
<div class="notes__actions" data-demo-action="delete-listing">
<i class="zmdi zmdi-delete"></i>
</div>
<div class="notes__actions1" data-demo-action="delete-listing">
<i class="zmdi zmdi-edit"></i>
</div>
<div class="notes__actions2" data-demo-action="delete-listing">
<i class="zmdi zmdi-eye"></i>
</div>
</div>
@endforeach
我完全空白,是否應該將帖子ID提取到隱藏的html標記中,然后在模型按鈕上單擊ajax調用即可根據id
提取記錄信息?
我會向其中一個元素(可能是包裝器)添加data-id
屬性,然后添加類似
$(document.body).on('click', '.clickable_element', function(e){
if ($(this).data('id')) {
$.ajax({
url : 'your detail url',
data: { id: parseInt( $(this).data('id'), 10 ),
success : function(response){
// open popup and add response into it.
}
})
}
});
更新資料我只是注意到您那里已經有引導模態。
您可以將data-id添加到data-toggle
元素,然后在javascript中
$('[data-toggle=modal]').on('shown.bs.modal' , function(){ // do your ajax stuff // add response in `.modal-body` })
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.