Postback olmadan sepet gorunteleme ?

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>"

                        );

                }
            });
        });
    });

 

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.

 

Tesekkurler Yunus bey sorumu cevapladıgınız icin.Hayırlı akşamlar dilerim...