Ajax History 三步搞定

最新推荐文章于 2023-04-04 17:51:45 发布

原创最新推荐文章于 2023-04-04 17:51:45 发布 · 450 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #function #脚本 #jquery #button #浏览器

本文介绍如何使用ASP.NET AJAX管理浏览器历史记录。通过Sys.Application.addHistoryPoint方法可以在浏览器历史中添加自定义状态，并通过OnStateChanged事件处理程序来读取这些状态。

1.添加脚本引用MSAjaxHistoryBundle.js和jquery.js，jQuery只是为了方便，并非必须。 2.添加如下脚本： <script type="text/javascript"> $(document).ready( function () { Sys.Application.set_enableHistory(true); Sys.Application.add_navigate(OnStateChanged); } ); $("#Button1").click(Btn_Click); function Btn_Click() { alert("Button clicked"); Sys.Application.addHistoryPoint({ s: 100 }, "I've add the value of s to 100!"); } function OnStateChanged(sender, e) { var val = parseInt(e.get_state().s); alert("History Point added s=" + val); } </script> 3.方法说明：（1）通过Sys.Application.addHistoryPoint可以向浏览器中写入值，本例中s=100，标题为I've add the value of s to 100!；（2）当运行Sys.Application.addHistoryPoint后，会触发Sys.Application.add_navigate事件，从而运行OnStateChanged方法；（3）在OnStateChanged中，可以通过e.get_state().s获取1中存入的值，也可以通过Sys.Application._state.s获取，Sys.Application.get_stateString() === ''可以用来预先判断是否有值存储在history中。