Duyuruyu Kapat
Facebook Gözat
Twitter Gözat

Postback olmadan sepet gorunteleme ?

Konu, 'ASP.NET MVC' kısmında TnT tarafından paylaşıldı.

  1. TnT

    TnT Yeni Üye

    Kayıt:
    12 Nisan 2014
    Mesajlar:
    5
    Beğenilen Mesajlar:
    0
    Merhaba; Asp.Net MVC ile yapmakta oldugum kucuk bır e-ticaret sitesinde urun detay sayfası ayrı bır vıewde, sepetım ayrı bır vıewde sepete urun eklıyebılıyorum yalnızca sayfam yenilendiginde gorulebiliyor sepetımin dolu oldugu.Bunu sayfayı yenılemeden (postback olmadan) yapmak ıstıyorum

    Jquery ile denedigim (asagıda yazan kod ile) data-id ile UrunDetay view'daki urun id sini alıp Sepet controllerına gonderiyorum hersey istedigim sekilde calısıyor fakat sayfa yenılemeden sepeti goremiyorum.
    sepeti tum sayfa postback olmadan gorebılmem icin ne yapmam gerekiyor acaba?


    Kod:
    
            $("a.SepeteAt").click(function () {
                var id = $(this).data("id");
                var link = "/Sepet/SepeteAt/" + id;
    
                $.ajax({
                    url: link,
                    type: "GET",
    
                    success: function (result) {
                        $("ul li").append(
    
          "<li>" +
                       " <a href=\"#\"><img src=\"/Content/images/incart.png\" class=\"inp\" /></a>" +
                        "<span class=\"ininfo\">" +
                            "<span class=\"intitle\"><a href=\"index.html#\">" + result.Product.ProductName + "</a></span>" +
                        "<span class=\"inquantity\">" + result.Quantity + "</span>" +
                      "  <span class=\"inprice\">" + result.Total + "</span>" +
                        "<span class=\"inremove\"><img src=\"/Content/images/remove.png\" alt=\"remove\" /></span>" +
                    "</span>" +
    
                "</li>"
    
                            );
    
                    }
                });
            });
        });
    
     
  2. yunus

    yunus Daimi Üye

    Kayıt:
    26 Şubat 2015
    Mesajlar:
    521
    Beğenilen Mesajlar:
    126
    postback terimini farklı anlamlarda kullanıyoruz galiba. yani sayfa yenilenmeden içeriği güncellemekten bahsediyoruz. bu da ajax ile mümkün ki girizgahı yapmışsınız zaten.

    /Sepet/SepeteAt/?id=xx urlsinde ürünü sepete ekleme işlemi yapıyorsunuz. sonuç olarak json formatında tüm sepet içeriğini döndürebilirsiniz.
    success:function(result) ile de result değerini json olarak parse ederek işleyebilirsiniz. sanırım buna yakın birşeyler yapmaya çalıştınız.

    $("ul li").append() fonksiyonunda selector olarak "ul li" kullanmak yerine özgün id değerine sahip bir html element kullanmak daha kullanışlı olacaktır. ul li selectoru birden fazla yerde kullanılabileceği için karışıklığa sebep olabilir. pratik olarak <div id="sepetListesi"> gibi bir divi Html tasarımınıza ekleyebilirsiniz. $("#sepetListesi") şeklinde bu elemanın referansına ulaşabilirsiniz.

    paylaştığınız örnek koddaki olası syntax hatalarını değerlendirmeye almıyorum, basitçe jsyi debug etmeyi biliyorsunuzdur diye düşünüyorum.
     
    sedirAğacı bunu beğendi.
  3. TnT

    TnT Yeni Üye

    Kayıt:
    12 Nisan 2014
    Mesajlar:
    5
    Beğenilen Mesajlar:
    0
    Tesekkurler Yunus bey sorumu cevapladıgınız icin.Hayırlı akşamlar dilerim...