jq 使用history事件后退，将当前页面数据放入数据库

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(){

...........

}

})