none
PostBack olmadan Url değiştirme RRS feed

  • Soru

  • Merhaba Arkadaşlar,

    http://www.antyapi.com.tr/#!/kurumsal/sirket-profili bu sayfada tablar arasında geçiş yapıldığında sizce sayfa postback oluyor mu? Bana oluyor gibi geldi. Eğer olmuyorsa url'yi nasıl değiştiriyorlar? Hazırladığım web sayfamda menu başlıklarına tıklandığında postback olmadan url routing yaptırmaya çalışıyorum. Routing ile ilgili bir sorunum yok. Sadece postback olmadan değiştirme imkanım var mı? Şimdiden herkese çok teşekkürler.


    iletisim@semihduran.com

    11 Haziran 2015 Perşembe 06:41

Yanıtlar

  • <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
    
    <!DOCTYPE html>
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function () {
    
    
    
                function gonder(sayfa) {
    
                    $.ajax({
                        type: 'POST',
                        url: sayfa,
                        success: function (msg) {
                            $(".hash").html(msg);
                        }
                    });
    
                }
    
             
                    $("ul.menu li a").click(function () {
                        var hash = $(this).attr("href");
                        location.hash = hash;
                        gonder(hash);
                        return false;
                    });
         
    
            });
        </script>
    
        <style type="text/css">
            ul.menu li {
                float: left;
                border: 1px solid #ddd;
                padding: 5px 15px;
                margin-lefT: 5px;
                list-style: none;
            }
    
                ul.menu li a {
                    display: block;
                    width: 100%;
                    height: 100%;
                    text-align: center;
                    text-decoration: none;
                    color: #555;
                }
    
            .hash {
                clear: both;
                margin-top: 20px;
                width: 100%;
                color: #555;
                displaY: block;
            }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
    
            <ul class="menu">
                <li><a href="Default2.aspx">Anasayfa</a></li>
                <li><a href="Default3.aspx?ad=veli">Hakkımızda</a></li>
            </ul>
            <div class="hash"></div>
        </form>
    </body>
    </html>
    

    22 Haziran 2015 Pazartesi 02:09

Tüm Yanıtlar

  • tasarım olarak desteklemiyor bunu. istersen # işaretini kullanabilrsin sayfayı tekrar yüklemeden url değiştirmek için.

    onun dışında bir javascript çözümü paylaşmışlar aşağıdan bakabilirsin.

    http://stackoverflow.com/questions/10970078/modifying-a-query-string-without-reloading-the-page


    Bu ileti veya öneriler size yardımcı olduysa "Yanıt olarak işaretle" linkine tıklayınız.

    11 Haziran 2015 Perşembe 19:49
  • <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
    
    <!DOCTYPE html>
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function () {
    
    
    
                function gonder(sayfa) {
    
                    $.ajax({
                        type: 'POST',
                        url: sayfa,
                        success: function (msg) {
                            $(".hash").html(msg);
                        }
                    });
    
                }
    
             
                    $("ul.menu li a").click(function () {
                        var hash = $(this).attr("href");
                        location.hash = hash;
                        gonder(hash);
                        return false;
                    });
         
    
            });
        </script>
    
        <style type="text/css">
            ul.menu li {
                float: left;
                border: 1px solid #ddd;
                padding: 5px 15px;
                margin-lefT: 5px;
                list-style: none;
            }
    
                ul.menu li a {
                    display: block;
                    width: 100%;
                    height: 100%;
                    text-align: center;
                    text-decoration: none;
                    color: #555;
                }
    
            .hash {
                clear: both;
                margin-top: 20px;
                width: 100%;
                color: #555;
                displaY: block;
            }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
    
            <ul class="menu">
                <li><a href="Default2.aspx">Anasayfa</a></li>
                <li><a href="Default3.aspx?ad=veli">Hakkımızda</a></li>
            </ul>
            <div class="hash"></div>
        </form>
    </body>
    </html>
    

    22 Haziran 2015 Pazartesi 02:09