Laravel Türkiye Discord Kanalı Forumda kod paylaşılırken dikkat edilmesi gerekenler!Birlikte proje geliştirmek ister misiniz?

laravelde javascript sorunu

Betmen35

selam arkadaşlar javascriptim iyi değil fakat ajax biliyorum beni götürecek kadar. şimdi sorunum şu şu kod;

setInterval(function(){
    $("#sev").load("bildirim");
},1500);

çalışmıyor yani burda amacım gelen mesajları anlık olarak jquery ile almak ama birtürlü yapamadım anlık olarak bunu nasıl alırız?

mgsmus

Betmen35 Bu kod çalışır, çalışmıyorsa:

DOM'da sev id'li bir element yok
bildirim şeklinde bir endpoint yok
bildirim şeklinde bir endpoint var ama sonuç döndürmüyor (ki dönen sonucun HTML olması lazım.)

Betmen35

mgsmus hocam sev idli bir element var ama diğer yazdıklarınızı anlamadım biraz açarmısınız konuyu

mgsmus

Betmen35 $("#sev").load("bildirim"); demek /bildirim adresine GET isteği at, sev id'li elementin içeriğini dönen yanıt ile değiştir demek. Yani /bildirim şeklinde GET ile erişilen bir rotanız olmalı ve HTML dönmeli.

Betmen35

mgsmus yani diyorsunuzki bildirim?get=5 şu şekilde yapılması lazım

mgsmus

Betmen35 ?get=5 query string, öyle bir şey ekleyip eklememek size kalmış. Benim anlatmak istediğim:

Route::get('bildirim', [NotificationController::class, 'index']);

Betmen35

mgsmus anladım ama şu koddaki; [NotificationController::class, get adresimi olucak? neye göre yapıyoruz bunu

mgsmus

Betmen35 Route::get() yazdığınızda GET rotası; Route::post() yazdığınızda POST rotası yazmış oluyorsunuz. [NotificationController::class, 'index'] ise rota tutarsa NotificationController içindeki index yöntemini çalıştır demek. Belli ki daha temel konularda eksikleriniz var, dokümanlara bakmıyorsunuz.

Betmen35

mgsmus dökümanlardan birşeyler anlaşılmıyorki karman çorman birşeyler yazmışlar hiç birşey anlaşılmıyor

mgsmus

Betmen35 Kodlamaya yeni başlayanlar için karışık olduğu kesin ama sonuçta bu bir framework. Amacı bilmeyenlerin bir şeyler yapmasını sağlamak değil bilenlerin bir şeyleri daha hızlı yapmasını sağlamak. İngilizce ve iyi PHP bilgisi kullanmak için bir ön gereksinim. Zaten asıl dokümanlar burası: https://laravel.com/api/8.x/

Eksik olduğunuz alanların listesini oluşturun ve o alanlardaki eksiklerinizi gidermeye çalışın. Zamanla mantıksız ya da karman çorman dediğiniz yerler mantıklı ve düzenli gözükmeye başlayacaktır.

Betmen35

mgsmus Hocam çok teşekkür ederim soruma yanıt tam olarak bulamasamda yine katkınız oldu tşk

mgsmus

Betmen35 Sorunuzun yanıtı sanırım şu:

routes/api.php

Route::get('notifications', [NotificationController::class, 'index']);

app/Http/Controllers/NotificationController.php

public function index(Requets $request)
{
    $notifications = Notification::take($request->input('take', 5))
        ->latest()
        ->get();

    return view('notifications', compact('notifications'));
}

resources/views/notifications.blade.php

@if($notifications)
    <ul>
        @foreach($notifications as $notification)
            <li>
                <p>{{ $notification->title }}</p>
                <small>{{ $notification->created_at->diffForHumans() }}</small>
            <li>
        @endcoreach
    </ul>
@else
    <p>Gösterilecek bildirim yok</p>
@endif

Göstermek istediğiniz sayfada

<div id="notifications">
    Yükleniyor...
</div>

<script>
    const take = 5
    
    setInterval(function(){
        $("#notifications").load("/api/notifications?take=" + take);
    }, 2000);
</script>

Artık 2 saniyede bir en son gelen 5 bildirimi notifications divi içinde ul listesi şeklinde gösterecek:

<div id="notifications">
    <ul>
        <li>
            <p>Bu en son gelen bildirim</p>
            <small>2 saniye önce</small>
        <li>
        <li>
            <p>3 kullanıcının adres bilgileri eksik!</p>
            <small>5 dakika önce</small>
        <li>
        <li>
            <p>Veritabanı yedeklemesi tamamlandı.</p>
            <small>1 saat önce</small>
        <li>
        ...
    </ul>
</div>