Microsoft ASP.NET Futures (July 2007)中History在客户端的使用(即不必安装ASP.NET Futures)

原创 2007年09月19日 08:36:00
 Microsoft ASP.NET Futures (July 2007)中有一个新的控件 “History”可以在Ajax中使用浏览器上的前进、后退按钮,但我们的主机上有时不必因为这一个功能就安一个Microsoft ASP.NET Futures,它版本更新很快,而且有时候,服务器提供者也未必愿意进行安装,而开发者又想有让用户有更好体验,那怎么办呢,我们先从基本的使用入手 ,我们再一步步将其提取为客户端可以使用的代码

它的用法在官方网站上已经给出
官方示例(服务器端)
http://quickstarts.asp.net/Futures/ajax/samples/history1.aspx
官居方源代码
http://quickstarts.asp.net/Futures/util/srcview.aspx?path=~/ajax/samples/history1.src

官居方示例(客户端使用,但仍未脱离Microsoft ASP.NET Futures)
http://quickstarts.asp.net/Futures/ajax/samples/history2.aspx
源代码
http://quickstarts.asp.net/Futures/util/srcview.aspx?path=~/ajax/samples/history2.src
其实上面代码引用的是PreviewScript.js文件,这个可以在X/Program Files/Microsoft ASP.NET/ASP.NET Futures July 2007/v1.2.61025/ScriptLibrary/Microsoft.Web.Preview/1.2.61025.0中找到

在客户端使用它是最理想的情况,可且的确,用它自给的PreviewScript.js(145K)文件也是有点过大了
所以经过精简,我得到了一个小的精简版本,未压缩的情况下只有16K,压缩后估计在3K上下
http://dl2.csdn.net/down4/20070919/19082247681.js

但发现此版本在FF下工作正常,而IE下却有问题,经过反复研究,发现IE下必须添加一个Iframe来保存历史记录

于是有了以下Js段
function isIE(){ //ie? 
    if (window.navigator.userAgent.indexOf("MSIE")>=1
        
return true
    
else 
        
return false
}
这是来判断是否是IE
function InitHistory(){
    
if(isIE){//Ie的情况下,要通过iframe来完成
    var i = document.createElement("<iframe id="__historyFrame" style='display:none;' src='/Template/History.htm' scrolling='no' frameborder='0' />");
    
var d=$get("extendDiv6");
    d.innerHTML
=i;
    }
    Sys.Application.add_init(
function() {
          
var h = Sys.Application.get_history();
          h.setServerId(
"History1""History1");
    })
}

动态添加一个iframe(注意ID一定是__historyFrame

下面是页面完整代码 basic.js即为上面两段代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    
<title>无标题页</title>
    
<script type="text/javascript">
            
function pageLoad() {
            $addHandler($get(
"clientButton1"), "click", clientClick);
             $addHandler($get(
"clientButton2"), "click", clientClick);
        }
        
function pageNavigate(sender, args) {
            
var val = args.get_state().pageClientState || 0;
            $get(
"div2").innerHTML = val;
        }
        
        
function clientClick(e) {
            
var val = parseInt(e.target.value);
            $get(
"div2").innerHTML = val;
            Sys.Application.get_history().addHistoryPoint({pageClientState: val});
       }
    
</script>
</head>
<body>
    
<script type="text/javascript" src="JavaScript/MicrosoftAjax.js"></script>
<script type="text/javascript" src="JavaScript/Basic.js"></script>
<script type="text/javascript" src="JavaScript/Preview/history.js"></script>
<div id="div2"></div>
<form id="form1">
<href="#123" id="permalink">Permalink</a>
        
<input id="clientButton1" type="button" value="1" />
        
<input id="clientButton2" type="button" value="2" />
    
</form>
    
<script type="text/javascript">
InitHistory();
</script>
</body>
</html>
这样就可以实现在Ajax里使用前进后退按钮而不必安装Microsoft ASP.NET Futures也能用History了

注:History 还不支持Opera希望在下一版本中可以支持

相关文章推荐

(学习Asp.net Ajax笔记一)使用 Microsoft AJAX Library 创建自定义客户端脚本之一

什么时候使用类型系统 当您要执行下列操作时,可以使用 Microsoft AJAX Library 的功能: 向 JavaScript 代码中添加面向对象的功能,以提高代码的重用性、灵...

关于ASP.NET Web API 客户端的请求报文中添加 Authorization

当你使用客户端发送请求 Web API 的时候,因为API 有验证,所以你的请求报文中必须有”Authorization“,那么就需要手动添加了! HttpClient client = new ...
  • xwnxwn
  • xwnxwn
  • 2015年01月28日 15:23
  • 1513

asp.net中获得客户端的IP地址

因为要在项目中取到客户端IP,在网上搜了下相关资料,其中有一篇文章总结的比较详细,这里就把一些我用的上总结一下 方便以后查阅.  通常我们都通过下面的代码获得IP:    string ip =...

ASP.NET 判断客户端的设备类型

  • 2015年06月29日 22:47
  • 2KB
  • 下载

asp.net中获得客户端的IP地址

通常我们都通过下面的代码获得IP:    string ip =System.Web.HttpContext.Current.Request.UserHostAddress;     或 stri...

asp.net相关控件的客户端及服务器端的禁用和启用

本例包括以下控件的相关示例: Button,ImageButton,TextBox, DropDownList,CheckBox,RadioButton 的客户端及服务器端的禁用和启用 以及 ...

asp.net中ListBox列表项在客户端的选择移动

在web开发中,经常需要在客户端执行一些代码,比如对用户输入的注册信息进行有效性验证。在Asp.net中,控件的属性是默认设置为自动回传的,也就是说客户端会将数据自动提交给服务器然后刷新页面,这样不仅...

ASP.NET 以 Request.Querystring、Request.Form 或 Request.Params 获取客户端的数据

本文内容 本文旨在说明客户端向服务器如何发送数据,以及服务器如何接收。虽然这种实现方式现在已经看不到了,但是这种机制是不变的,已经变成了一种底层实现,所以还是有必要了解的。 ASP.NET...

asp.net获取客户端的MAC地址

  • 2011年05月11日 00:05
  • 32KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章: Microsoft ASP.NET Futures (July 2007)中History在客户端的使用(即不必安装ASP.NET Futures)
举报原因:
原因补充:

(最多只允许输入30个字)