mgsmus
Yorumu sayfa yenilenmeden göndermeyi başardım ve dbde işleniyor. Ancak yorum yapıldıktan sonra div load yaptırarak yorumların yüklenmesini istiyorum. Bunu nasıl yapacağımı açıklayabilir misin?
Birde yorumu gönderdikten sonra bir cevap dönüyor. Cevabın şu şekilde dönmesini istiyorum.
Dönmesini İstediğim Cevaplar :
Success
<div class="alert alert-success alert--rounded">
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<strong>MÜKEMMEL! Yorumun Başarıyla Yayınlandı. <span style="font-size:15px;">😎</span>
</strong>
</div>
Error
<div class="alert alert-danger alert--rounded alert-dismissible">
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<strong>HATA! Yorumun Yayınlamadı Bir sorun Var Gibi Görünüyor.
<span style="font-size:15px;">😩</span></strong>
</div>
Blade :
`
<div class="post-comments card" id="results">
<header class="post-commments__header card__header">
<h4>Bu Konuya Toplam {{ $posts->comments()->count() }} Yorum Yapıldı</h4>
</header>
<div id="div" class="post-comments__content card__content">
<ul id="comment-data" class="comments comments--alt">
@foreach ($posts->comments as $comment)
<li class="comments__item">
<div class="comments__inner">
<header class="comment__header">
<div class="comment__author">
<figure class="comment__author-avatar comment__author-avatar--md">
<img src="{{asset('North/')}}/assets/images/avatar/md/{{$comment->user->image}}" alt="">
</figure>
</div>
</header>
<div class="comment__inner-wrap">
<div class="comment__author-info">
<h5 class="comment__author-name">{{$comment->user->statu}} - {{$comment->user->name}}</h5><time
class="comment__post-date" datetime="{{$comment->created_at}}"> {{$comment->created_at->diffForHumans()}}
</time>
<br>
<div class="product__ratings product__ratings--sm">
<span class="product__ratings-label">
<span class="product__ratings-value"> {!! $comment->user->star !!} </span>
</span>
</div>
</div>
<div class="comment__body">{{$comment->comment}}</div>
</div>
</div>
</li>
@endforeach
</ul>
</div>
</div>
`
Ajax İsteği :
`
$(document).ready(function(){
$('#send_form').click(function(e){
e.preventDefault();
/Ajax Request Header setup/
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
$('#send_form').html('Gönderiliyor..');
/* Submit form data using ajax*/
$.ajax({
url: "{{ url('/comment/send')}}",
method: 'post',
data: $('#contact_us').serialize(),
success: function(response){
//------------------------
$('#send_form').html('Submit');
$('#res_message').show();
$('#res_message').html(response.msg);
$('#msg_div').removeClass('d-none');
document.getElementById("contact_us").reset();
setTimeout(function(){
$('#res_message').hide();
$('#msg_div').hide();
},10000);
//--------------------------
}});
});
});
`
Controller :
`
public function store(Request $request)
{
//
if(Auth::guard('student')->user())
{
$request->validate([
'comment' => 'required|min:3|max:300|regex:/^([0-9\p{Latin}]+[\ \-]?)+[a-zA-Z0-9]+$/u'
]);
$comment = new Comment();
$comment->post_id = $request->id;
$comment->user_id = Auth::guard('student')->user()->id;
$comment->comment = $request->comment;
$comment->status = 1;
if($comment->save()){
return response()->json(['success' => '']);
}else{
return response()->json(['error' => '']);
}
}else{
return abort(404);
}
}
`
Şimdiden sağolun. Şimdilik bildiğimiz yoldan gidelim.