jq 使用history事件后退,将当前页面数据放入数据库
2017-12-07 15:30
561 查看
1.jq history事件
history事件可以使用back,以及go来进行页面的切换,history会记录你所浏览的所有网页,使用history.back(-1),或者history.go(-1)事件可以进行后退一页,可是无论是哪一种事件,往回跳转的时候,它都是从浏览器缓存中取出,并不会刷新该页面,而history.go(0)会刷新当前页面。
2.jq 离开页面触发事件
1)onunload 事件,此事件会在页面刷新,跳转时触发,但是在刷新页面时,如果关联后台数据库,它将会先将数据库中的数据取出,放到前端页面,再执行写入操作,将刷新前的数据加入数据库,当刷新完成时,看到的是刚被覆盖掉的数据,而页面刷新前的数据确实存入了数据库,但是与前端页面并不同步,如果不需要回显的页面则可以选择onunload来进行数据的替换。
2)beforeunload 事件,此事件会在页面刷新,跳转前触发,所以在页面重加载前,就会进行事件中的操作,再进行页面重载,如果要使用ajax进行数据提交,则需要设置为同步,以确保操作的顺序,将该页面的数据先传递之后,进行了数据库操作,再刷新,使用onload方法,此方法可能有些浏览器不兼容。
3)pagehide事件,此事件是h5中的,相较于前两种,它能够对history.back或history.go的事件进行监听,使用这个事件,可以将所有离开页面的情况都监听到,能够很好的进行数据交互。
3.事件的使用方法
$(window).bind('onunload',function(){
function
method(){
...........
}
})
$(window).bind('beforeunload',function(){
function
method(){
...........
}
})
$(window).bind('pagehide',function(){
function
method(){
...........
}
})
history事件可以使用back,以及go来进行页面的切换,history会记录你所浏览的所有网页,使用history.back(-1),或者history.go(-1)事件可以进行后退一页,可是无论是哪一种事件,往回跳转的时候,它都是从浏览器缓存中取出,并不会刷新该页面,而history.go(0)会刷新当前页面。
2.jq 离开页面触发事件
1)onunload 事件,此事件会在页面刷新,跳转时触发,但是在刷新页面时,如果关联后台数据库,它将会先将数据库中的数据取出,放到前端页面,再执行写入操作,将刷新前的数据加入数据库,当刷新完成时,看到的是刚被覆盖掉的数据,而页面刷新前的数据确实存入了数据库,但是与前端页面并不同步,如果不需要回显的页面则可以选择onunload来进行数据的替换。
2)beforeunload 事件,此事件会在页面刷新,跳转前触发,所以在页面重加载前,就会进行事件中的操作,再进行页面重载,如果要使用ajax进行数据提交,则需要设置为同步,以确保操作的顺序,将该页面的数据先传递之后,进行了数据库操作,再刷新,使用onload方法,此方法可能有些浏览器不兼容。
3)pagehide事件,此事件是h5中的,相较于前两种,它能够对history.back或history.go的事件进行监听,使用这个事件,可以将所有离开页面的情况都监听到,能够很好的进行数据交互。
3.事件的使用方法
$(window).bind('onunload',function(){
function
method(){
...........
}
})
$(window).bind('beforeunload',function(){
function
method(){
...........
}
})
$(window).bind('pagehide',function(){
function
method(){
...........
}
})
相关文章推荐
- 关于Webdriver自动化测试时,页面数据与数据库id不一致的处理方式,需要使用鼠标事件
- ASP.NET基础教程-Web 自定义控件的使用-根据属性值从数据库中提取数据并在页面上自动生成一个表格
- 关于“Asp.net 中后台CS读取数据库数据生成数组传递给前台页面JS使用”
- SolpartMenu的使用:(二)、在ASP.NET页面中使用SolpartMenu控件之动态的加载数据库中的数据来生成菜单
- 关于使用Jquery Ajax点击checkbox 获取数据库 实现刷新当前页面
- 刷新、前进、后退、离开页面,使用ajax对数据库进行操作
- 回发或回调参数无效。在配置中使用 或在页面中使用 启用了事件验证。出于安全目的,此功能验证回发或回调事件的参数是否来源于最初呈现这些事件的服务器控件。如果数据有效并且是预期的,则使用 ClientScriptManager.RegisterForEventValidation 方法来注册回发或回调数据以进行验证。
- GridView控件中加入delete操作,超级链接链, 数据库中查数据在单独页面显示 ,后退按钮HyperLink
- 使用AJAX方法可以不刷新页面就从服务器上获得信息(文件信息,方法,数据库中的数据)
- 使用ajax和history.pushState无刷新改变页面URL(ajax中前进后退)
- 使用PHP处理数据库数据如何将数据返回客户端并显示当前状态
- SolpartMenu的使用:(二)、在ASP.NET页面中使用SolpartMenu控件之动态的加载数据库中的数据来生成菜单
- 在asp.net中如何用LinkBtutton按钮实现安全退出,并保存当前页面数据与数据库中
- 使用history.pushState()和popstate事件实现AJAX的前进、后退功能
- 回发或回调参数无效。在配置中使用 或在页面中使用 启用了事件验证。出于安全目的,此功能验证回发或回调事件的参数是否来源于最初呈现这些事件的服务器控件。如果数据有效并且是预期的,则使用 ClientScriptManager.RegisterForEventValidation 方法来注册回发或回调数据以进行验证。
- 回发或回调参数无效。在配置中使用 或在页面中使用 启用了事件验证。出于安全目的,此功能验证回发或回调事件的参数是否来源于最初呈现这些事件的服务器控件。如果数据有效并且是预期的,则使用 ClientScriptManager.RegisterF
- 使用jquery模拟键盘事件,但window系统并不会真的响应事件,只是浏览器当前页面会响应而已
- 回发或回调参数无效。在配置中使用 或在页面中使用 启用了事件验证。出于安全目的,此功能验证回发或回调事件的参数是否来源于最初呈现这些事件的服务器控件。如果数据有效并且是预期的,则使用 ClientScriptManager.RegisterForEvent
- 使用PHP处理数据库数据如何将数据返回客户端并显示当前状态
- 回发或回调参数无效。在配置中使用 或在页面中使用 启用了事件验证。出于安全目的,此功能验证回发或回调事件的参数是否来源于最初呈现这些事件的服务器控件。如果数据有效并且是预期的,则使用 ClientSc