Aynı sayfada post işlemi | Cevap #7703


<div class="col-md-2 col-sm-12">
<!-- dyil tüm yayınlar 1 SUCCESS -->
<div class="card card-primary card-outline  shadow-sm">
    <div class="card-header">

        <form action="" method="post">
            <div class="input-group">
                <select id="mySelect2" class="form-control select2bs4 is-info" name="yilsecim" data-placeholder="Any" value="<?= $item["dyil"]; ?>">
                    <?php
                    $yilyazi = $db->VeriGetir('yazilar', "where durum=?", array(1), "group by dyil desc"); ?>

                    <?php foreach ($yilyazi as $item) { ?>
                        <option value="<?= $item["dyil"]; ?>"><?= $item["dyil"]; ?>
                        </option>
                    <?php } ?>
                </select>

                <input type="submit" name="submit" value="Listele">
            </div>
        </form>

    </div>
    <!-- /.card-header -->
    <?php
    if (isset($_POST['submit'])) {
        if (!empty($_POST['yilsecim'])) {
            $selected = $_POST['yilsecim'] ?>
            <div class="card-body">
                <?= $selected; ?> yılı yayınlarımız:<br>
                <hr>

                <?php
                $item = $db->VeriAl("Select dbaslik,dlink,dyil from yazilar", "where durum=? AND dyil=?", array(1, $selected), "");

                foreach ($item as $item) { ?>
                    <li><a href="<?= URL ?>yazilar/<?= $item["dlink"]; ?>"><?= $item["dbaslik"]; ?></a></li>

            <?php }
            }
        } else { ?>

            <div class="card-body">
                <?= $veri[0]["dyil"] ?> yılı yayınlarımız:<br>
                <hr>

                <?php
                $item = $db->VeriAl("Select dbaslik,dlink,dyil from yazilar", "where durum=? AND dyil=?", array(1, $veri[0]["dyil"]), "");

                foreach ($item as $item) { ?>
                    <li><a href="<?= URL ?>yazilar/<?= $item["dlink"]; ?>"><?= $item["dbaslik"]; ?></a></li>


            <?php
                }
            } ?>

            </div>
            <!-- /.card-body -->

            </div>
            <!--/.dyil tüm yayinlar son -->

</div>
<!--rightside end-->
</div>

Not: $veri[0] Sayfanın Main Body kısmında yazıyı çekmekte kullandığım kod onu buraya yapıştırmadım.

Aynı sayfada yazının tüm içeriği MAin Body kısmında ve sayfanın sağında küçük bir kart içinde (yukardaki kod bloğu) tüm yazıların yıllara göre listelemesini yapıyorum.
Option value ile yılı seçiyorum bunu aynı sayfada post edip cardın body kısmında bu post a göre o yılın yazı başlıklarını listeletiyorum.

Bu haliyle çalışıyor ama bunun yerine jquery ile yapmak daha mı uygun? bu konuda yardımcı olur musunuz? javascript ve jquery den anlamıyorum.
Bu şekil aynı sayfada post etmek sanki sıkıntı yaratacak gibime geliyor. Ayrıca mobil görünümde yıl seçip listeletince sayfada refresh olduğundan ister istemez sayfa yukarı kayıyor tekrar aşağı kaydırmak gerekiyor. Bu da kullanım açısından sıkıntı yaratıyor.
Daha uygun bir kod yazımı için yardımınızı rica ediyorum.

yaziyili.js diye bir dosya oluşturdum. İçine direk Aşağıdaki kodları attım.

 $(function () {
        $("#mySelect2").on("change", function () {
            $.ajax(location.href, {
                method: 'POST',
                data: {
                    yillar: $(this).val()
                }
            }).done(e => {
                $(".years_list").html(e)
                $(".year").text($(this).val)
            })
        })
    })

index php de body arasına diğer scriptler gibi onu da çağırttım.

<body>
  <?php
  include_once(DATA . "header.php");
  ...
  .
  ..
  ?>
  ...
  ...
  ...
  <script src="<?=$URL;?>styles/yaziyili.js"></script> 
  ..
  ....
  .
  
  .
  .
  </body>

Bu şekilde çalışıyor ama header.php den nav-menüyü de içine çekiyor. onun altına listelemeyi yapıyor.

formun kodlarını eklediğim sayfama (yazilar.php) aşağıdaki şekilde eklediğimde bu defada hiç istek atmıyor. Sayfanın en altına da katsam nereye katarsam katayım çalışmıyor.
<script src="<?=$URL;?>styles/yaziyili.js"></script>