Aap.net母版页跳转无刷新 解决方案

最新推荐文章于 2016-12-23 20:55:00 发布
最新推荐文章于 2016-12-23 20:55:00 发布
阅读量2.4k 收藏 2
点赞数
分类专栏： CSS+DIV JS/AJAX/JQUERY 文章标签： html javascript 框架 解决方案 源码
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhouminjob120/article/details/48206635
版权

原本做开发的项目使用的是ifame框架的母版页，不过扩展性不是很好，想改成cs可编辑版的，网上找了很多资料大体分为两种，一是用master不过需要在后台进行处理，有点麻烦，二就是iframe。研究了半天，终于想到一个实现方法！

首先，创建一个.aspx web页，框架代码网上到处都是，大家可以去找找。以下是我的源码

  <style>

h2{font-weight:normal;}

        html, body {
            min-width:1200px;
        }
        .clear{clear:both}
        .side {           
            height:500px;
            min-height:585px; max-height:585px;        
            position: relative;
            width: 187px;
            float: left;
            margin-right: 0 !important;
            margin-right: -3px;
            overflow: auto;
            background:#f0f9fd;
        }
         .main {
            min-height:585px; max-height:585px; 
            position: relative;
            overflow:hidden;
            min-height:585px;
            max-height:585px;
        }

   </style>

   <link href="../css/style.css" rel="stylesheet" type="text/css" />


这里我的左侧菜单是根据顶部菜单利用Ajax自动生成的, 结构复杂一点.页面比较简单的朋友可以直接引用红色部分便能实现效果了.

<li οnclick="javascript:window.frames['aa'].location.href='Index.aspx'></li>   头部

<iframe id="rightFrame"  src="Index.aspx" name="aa" style="min-height:585px; width:100%;"> </iframe> 内容页

     <form  runat="server">
    <div>
      
        <!--Top Begin 头部菜单-->
        <div style="height:88px;background:url(images/topbg.gif) repeat-x; ">
             <div class="topleft" style="font-family: 微软雅黑; font-size: 65px; color: #FFFF00; position: relative;">  LGP</div>
        
             <ul class="nav">
                <li <strong><span style="color:#cc0000;" <span style="background-color: rgb(204, 204, 204);"><span style="color:#ff0000;" οnclick="javascript:window.frames['aa'].location.href='Index.aspx'"</span>"</span></span></strong>><a class="selected"><img src="images/icon01.png" title="首頁" /><h2> 首頁</h2></a></li>
                <li οnclick="loadLeft('类型1')"><a><img src="images/icon05.png" title="文件管理" /><h2>top菜单1</h2></a></li>
                <li οnclick="loadLeft('类型2')"><a ><img src="images/icon05.png" title="模具管理" /><h2>top菜单1</h2></a></li>
                <li οnclick="loadLeft('类型3')"><a><img src="images/icon05.png" title="模块设计" /><h2>top菜单1</h2></a></li>
                <li οnclick="loadLeft('4')"><a ><img src="images/icon05.png" title="常用工具" /><h2>top菜单1</h2></a></li>
                <li οnclick="loadLeft('5')"><a ><img src="images/icon05.png" title="文件管理" /><h2>top菜单1</h2></a></li>
                <li οnclick="loadLeft('6')"><a ><img src="images/icon05.png" title="文件管理" /><h2>top菜单1</h2></a></li>               	     </ul>
            
             <div class="topright">    
                <ul>
                <li><span><img src="images/help.png" title="帮助"  class="helpimg"/></span><a href="#">帮助</a></li>
                <li><a href="#">关于</a></li>
                <li><a href="Account/Login.aspx" target="_parent">退出</a></li>
                </ul>
     
                <div class="user">
                <asp:Label runat="server" ID="lblUserName"></asp:Label>
                <i>消息</i>
                <b>0</b>
                </div>    
    
                </div>
        </div>
        <!--Top End 左侧菜单-->

   
        <!--Left Begin-->
        <div class="side">
            <div class="lefttop"><span></span><label id="lblManageType"></label></div>             
                 <label id="lblLeftHTML"></label>            
        </div>
        <!--Left End-->

         <!--Right Begin 主页面-->
  
          <div class="main" >
<strong><span style="color:#cc0000;">             <iframe id="rightFrame"  src="Index.aspx" name="aa" style="min-height:585px; width:100%;">
                  
              </iframe></span></strong>  
           </div>             
         <!--Right End-->
          
    </div>
   </form>  

<pre class="javascript" name="code">      <script type="text/javascript" >
     
          function getPara(cookieVal) {
              if (cookieVal != "") {
                  document.cookie = 'type=' + cookieVal;             
              }            
          }

          window.onload = function () {
              // var arr, reg = new RegExp("(^| )modal=([^;]*)(;|$)");
              //if (document.cookie.match(reg)) {  
              //    arr = document.cookie.match(reg);
              //    loadLeft(arr[2]);
              //    setCookie("model", arr[2], -1);            
              //}else {
                  loadLeft('类型1');

          //}            
            
        }

          function setCookie(cname, cvalue, exdays) {
              var d = new Date();
              d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
              var expires = "expires=" + d.toUTCString();
              document.cookie = cname + "=" + cvalue + "; " + expires;
          }

        function loadLeft(val) {
            document.cookie = "modal=" + val;
            document.getElementById("lblManageType").innerText = val;
            var xmlHttp;
            if (window.XMLHttpRequest) {
                xmlHttp = new XMLHttpRequest();
            } else {
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            }

            xmlHttp.onreadystatechange = function () {
                if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
                    if (xmlHttp.responseText != "") {

                        document.getElementById("lblLeftHTML").innerHTML = xmlHttp.responseText;
                        onloadli();
                    }                 
                }
            }

            xmlHttp.open("get", "Ajax/LeftPage.ashx?action=" + encodeURI(val), true);
            xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");//application/x-www-form-urlencoded text/html; charset=BIG-5
            xmlHttp.send();
        }
    
        var onloadli = function () {

            //顶部导航切换
            $(".nav li a").click(function () {
                $(".nav li a.selected").removeClass("selected")
                $(this).addClass("selected");
            })

            //导航切换
            $(".menuson li").click(function () {
                $(".menuson li.active").removeClass("active")
                $(this).addClass("active");
            });

            $('.title').click(function () {
                var $ul = $(this).next('ul');
                $('dd').find('ul').slideUp();
                if ($ul.is(':visible')) {
                    $(this).next('ul').slideUp();
                } else {
                    $(this).next('ul').slideDown();
                }
            });

          
        }
    </script>

.ashx 
 

public void ProcessRequest(HttpContext context)
        {
            try
            {
                context.Response.ContentType = "text/plain";
                XmlDocument xml = new XmlDocument();
                xml.Load("PageItems.xml");
                StringBuilder builder = new StringBuilder();<p>                if (context.Request.QueryString["action"] != null && context.Request.QueryString["action"].ToString() != "")
                {
                    string val = HttpUtility.UrlDecode(context.Request.QueryString["action"].ToString());
                    string tempValue = string.Empty;
                    string tempLink = string.Empty;
                   
                    int i = 1;
                    builder.Append("<dl class='leftmenu'>");
                    foreach (XmlNode modelNode in xml.ChildNodes[1])
                    {
                        if (modelNode.Attributes["value"].Value == val)//model
                        {
                            if (modelNode.HasChildNodes)
                            {
                                XmlNodeList listNode = modelNode.ChildNodes;//listnode
                                foreach (XmlNode listN in listNode)
                                {                                    
                                    builder.Append("<dd>");
                                    builder.Append("<div class='title'>");
                                    builder.Append("<span><img src = '../../images/leftico0" + i + ".png' /></span> " + listN.Attributes["value"].Value);
                                    builder.Append("</div>");
                                    builder.Append("<ul class='menuson'>");
                                    if (listN.HasChildNodes)
                                    {                                       
                                        writePageLink(context, builder, ref tempValue, ref tempLink, listN);
                                    }
                               
                                    builder.Append("</ul>");
                                    builder.Append("</dd> ");
                                    i++;
                                }
                            }
                        }
                    }
                    builder.Append("</dl>");   
                    context.Response.Write(builder);
                }
            }
            catch (Exception exception) {
                context.Response.Write(Res.info_error + exception.Message);
            }
        }
 

<pre class="csharp" name="code">       private static void writePageLink(HttpContext context, StringBuilder builder, ref string tempValue, ref string tempLink, XmlNode listN)
        {
            foreach (XmlNode pageNode in listN)
            {
                tempValue =pageNode.Attributes["value"].Value;
                tempLink =pageNode.InnerText;
                string para ="";
                string onlickStr = string.Concat("href=\"", tempLink, "\"" );
                if (pageNode.Attributes["para"] != null)//有页面参数则存入cookie
                {
                    para = pageNode.Attributes["para"].Value;
                    onlickStr += string.Concat("  οnclick=\"getPara('", para, "')\"");
                }
              
                builder.Append("<li><cite></cite><a target='aa' "+onlickStr+" >" + tempValue + "</a><i></i></li>");
               
            }
        }
 

 

 

.xml 格式
 

<?xml version="1.0" encoding="utf-8" ?>
<node>
  <model value="首頁" title="首頁"></model>
  <model value="类型1" title="" >
    <listnode value="">
      <pagenode value="" para="yugu">ContentPage/kufang/pies.aspx</pagenode>
      <pagenode value="">ContentPage/kufang/tonggoumingxi.aspx</pagenode>
      <pagenode value="">ContentPage/kufang/rukumingxi.aspx</pagenode>
      <pagenode value="" para="shiji">ContentPage/kufang/pies.aspx</pagenode>
      <pagenode value="">ContentPage/kufang/chukumingxi.aspx</pagenode>
      <pagenode value="">ContentPage/kufang/zoushi.aspx</pagenode>
    </listnode>
    <listnode value="">
      <pagenode value="">ContentPage/kufang/qinggoupies.aspx</pagenode>
      <pagenode value="">ContentPage/kufang/qinggou.aspx</pagenode>
    </listnode>
    <listnode value="">    
      <pagenode value="">ContentPage/kufang/wuliaoxinxi.aspx</pagenode>
    </listnode>
    <listnode value="">
      <pagenode value="" para="url参数值">ContentPage/kufang/yuezoushi.aspx</pagenode>
      <pagenode value="" para="url参数值">ContentPage/kufang/yuezoushi.aspx</pagenode>
    </listnode>   
  </model>
  <model value="" title="">
    <listnode value="">
      <pagenode value="">ContentPage/muju/mojuzong.aspx</pagenode>   
    </listnode>
    <listnode value="">
      <pagenode value="">ContentPage/muju/shimulvli1.aspx</pagenode>
      <pagenode value="">ContentPage/muju/shizuopaoguangList.aspx</pagenode>
    </listnode>
    <listnode value="">
     </listnode>
    <listnode value=""></listnode>  
  </model>
  <model value="" title="">
    <listnode value="">
      <pagenode value="">ContentPage/renzi/yuangong.aspx</pagenode>
    </listnode>
    <listnode value="">
      <pagenode value="">ContentPage/renzi/jintie.aspx</pagenode>      
    </listnode>
    <listnode value="">
      <pagenode value=""></pagenode>
    </listnode>
    <listnode value="">
      <pagenode value=""></pagenode>
    </listnode>
  </model>
  <model value="系统设置" title="系统设置"></model>
</node></p>

                

        

        

    




    

      

        

            

              
                
                  zhouminjob120
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    2
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
mvc 母版页保持不刷新

				
			

			

				

					dingtuo8679的博客
				

				

					03-12
					
					1823
					
				

			

		

		

			
				
//比如这是左边菜单栏 <ul class="treeview-menu" id="left_menu">
                            <li><a href="@Url.Action("Index", "UserManage")" data-ajax-update="#main" data-ajax="true">&...

			
		

	



                

              
                



	

		

			

				
					
ASP.NET—为什么母版页不能被访问？

				
			

			

				

					李晓娜
				

				

					01-02
					
					2741
					
				

			

		

		

			
				
什么是母版，相信做过牛腩新闻发布系统的人都不会陌生，从而知道一般网站的布局是统一的，上面是Logo、菜单条、下面是公司地址以及版权的声明等等。如果每个页面重复做这些工作的话，重复性的劳动。一旦修改那么每个页面都得修改，母版应运而生。

  1.母版（MaterPage）基础
    Ø  概念

    母版（MaterPage）是一种技术，把页面布局画好，在在变化的内容部分“留空”，留

			
		

	



                


  
              

                


	

		

			

				
					
母版页中内容页动作不刷新母版（同一个页面）

				
			

			

				

					cdz1022的专栏
				

				

					01-31
					
					3222
					
				

			

		

		

			
				
母版页中把要异步提交的子版内容用updatepanel 包装
  
ChildrenAsTriggers ="false"  UpdateMode="Conditional" RenderMode ="Block" >
    
      
        
    
    
    
    
    
当然别忘记写

			
		

	





	

		

			

				
					
左边菜单导航

				
			

			

				

					weixin_30487201的博客
				

				

					12-23
					
					123
					
				

			

		

		

			
				
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>左边导航</title>
    <style>
        *{margin:0;padding:0;/*background: #8d9...

			
		

	



		

			
		



	

		

			

				
					
子页面跳转

				
			

			

				

					chen8238065的专栏
				

				

					04-16
					
					1189
					
				

			

		

		

			
				
概述实现从当前页面跳转到另一个母版页下面的子页面       //当前页面后台执行的跳转代码
        this.Response.Write("<script>window.parent.location.href=\"../HistoryEnquiry/HistoryEnquiry.aspx?checkByCard.aspx?user=" + user + "\";</script>");

			
		

	





	

		

			

				
					
Aap.net上传带图片的Excel

				
			

			

				

					11-06
				

			

		

		

			
				
描述如何将带图片的Excel文件上传到Asp.net站点中。

			
		

	





	

		

			

				
					
Aap.net过滤恶意参数提交（Application_BeginRequest事件

				
			

			

				

					04-15
				

			

		

		

			
				
Aap.net过滤恶意参数提交（Application_BeginRequest事件

			
		

	





	

		

			

				
					
asp.net url分页类代码

				
			

			

				

					01-01
				

			

		

		

			
				
代码如下: using System; using System.Data; using System.Configuration; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.HtmlControls; using System.Web.UI....

			
		

	





	

		

			

				
					
js酷炫二级下拉导航菜单

				
			

			

				

					01-10
				

			

		

		

			
				
酷炫下拉二级菜单<script type="text/javascript">
//menu
$(document).ready(function(){
  
  $('li.mainlevel').mousemove(function(){
  $(this).find('ul').slideDown();//you can give it a speed
  });
  $('li.mainlevel').mouseleave(function(){
  $(this).find('ul').slideUp("fast");
  });
  
});
</script>

			
		

	





	

		

			

				
					
九头鸭.net分页控件 v1.1.rar

				
			

			

				

					07-09
				

			

		

		

			
				
控件附带的完整的帮助文档及示例项目能够帮助您快速上手，熟悉DataPage控件的使用，您还可以通过给作者留言以及论坛提问等方式解决控件使用中遇到的问题。  8、DataPage分页效率高效除了默认实例access外如果选择sql...

			
		

	





	

		

			

				
					
ASP.NET三层架构网上商城

				
			

			

				

					11-14
				

			

		

		

			
				
这个是一个用ASPL.NET做的完整三层架构的网上商城的例子，很值得去学习

			
		

	





	

		

			

				
					
asp.net mvc3中母版页+局部刷新的用法

				
			

			

				

					s15981924260的专栏
				

				

					09-25
					
					7501
					
				

			

		

		

			
				
首先，项目中有个shared的

			
		

	





	

		

			

				
					
AAP server

					
最新发布

				
			

			

				

					07-28
				

			

		

		

			
				
回答: AAP server指的是RemoteApp中的远程桌面服务器，也称为RD会话主机。它是RemoteApp的核心组件之一，用于部署和管理远程桌面应用程序。远程桌面服务器具有比终端服务器更强大的功能，可以方便地编辑和保存文档，...

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值