使用jquery.load（）方法加载网页的内容

Question

你好我在asp.net中的一个项目中使用单页面应用程序，其中我的标题和左侧栏页面是我使用ajax方法加载的aspx页面。在leftside栏中有不同的链接，当我点击web的内容时页面显示在div标签中为内容设置为我的标题和leftside栏不应该一次又一次地重新加载。现在我面临的问题是我有一个AssignTender.aspx，我从leftside bar链接调用，为此我有使用。页面加载完美。我使用过，当我点击按钮时，它会重定向到AssignTender.aspx页面。这不应该发生，因为assignTender.aspx页面只应加载到Index.aspx页面的内容部分。

Can any one has solution for this...
here is my script

  $(function () {
            callAjax("Login.aspx?FromWhere=LoggedInUserID","GET", null);
            $("#Header").load("Header.aspx");
            $("#leftDrawerHeader").load("LeftDrawer.aspx");
            $("#bodyContent").load("Dashboard.aspx");          
        });

function getBodyHtml(pageName){
    $("#bodyContent").empty();
    alert(pageName);
    $("#bodyContent").load(pageName);
}

    leftside aspx page code
    <script type="text/javascript">
        $(function () {
            $("#TopHeader").load("Header.aspx");
        });
    </script>
    <div id="wrapper">
        <nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">
          <div id="TopHeader"></div>
            <div class="navbar-default sidebar" role="navigation">
                <div class="sidebar-nav navbar-collapse">
                    <ul class="nav" id="side-menu">                    
                        <li id="AssignTender_link">
                            <a href="#" onclick='getBodyHtml("AssignTender.aspx")'  class="active">AssignTender</a>
                        </li> 
</ul>
</div>
</nav>
</div>

AssignTender.aspx页面

<div id="page-wrapper">
         <div class="row">
                <div class="col-lg-12">
                    <h2 class="page-header">Assign Tender</h2>
                </div>
                <!-- /.col-lg-12 -->
            </div>
        <div class="row">
            <div class="col-lg-12">
                <div class="panel panel-default">
                    <div class="panel-body">
                 <div class="row">
                     <div class="col-lg-6">
                    <form runat="server" id="form1">
                        <div class="form-group">
                            <table>
                                <tr>
                                    <td>
                                    <asp:Label ID="lblcount" runat="server" Text="TenderCount" Font-Bold="true"></asp:Label>
                                    </td>
                                    <td>
                                   &nbsp;&nbsp;<asp:Label ID="lblcounts" runat="server" Text="5"></asp:Label>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                    <asp:Label ID="Label1" runat="server" Text="Classification Users" Font-Bold="true"></asp:Label>
                                    </td>
                                    <td>
                                        <asp:ListBox ID="ListBox1" runat="server" CssClass="form-control" Width="155px">
                                            <asp:ListItem>abcd</asp:ListItem>
                                            <asp:ListItem>xyz</asp:ListItem>
                                        </asp:ListBox>
                                    </td>
                                </tr>
                                <tr>
                                    <td></td>
                                    <td>

                                     <asp:Button runat="server" CssClass="btn btn-primary" Text="Assign"  ID="btnassign" OnClick="btnassign_Click"  /> 
                                    <!-- <input type="button" id="Btnassign"  value="Assign" class="btn btn-primary" />-->

                                    </td>
                                </tr>
                            </table> 
                       </div>
                    </form>

                     </div>
                 </div>

                    </div>

                </div>
            </div>
        </div>
    </div>