Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/361.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 刷新页面后,表中的行将回到原来的位置_Javascript_Jquery_Ruby On Rails 4_Unobtrusive Javascript - Fatal编程技术网

Javascript 刷新页面后,表中的行将回到原来的位置

Javascript 刷新页面后,表中的行将回到原来的位置,javascript,jquery,ruby-on-rails-4,unobtrusive-javascript,Javascript,Jquery,Ruby On Rails 4,Unobtrusive Javascript,我正在制作一个功能,您可以使用它交换表中的行。它工作得很好,但是在刷新页面之后,如果我交换了一些行,这些行就会回到交换之前的位置。我想知道,为什么会发生这种情况,以及如何避免这种情况。这是功能的代码,如果有人需要它: swapRows = function(rowTable) { rowTable.find(".glyphicon-sort").click( function() { row = $(this).closest("tr"); row.ins

我正在制作一个功能,您可以使用它交换表中的行。它工作得很好,但是在刷新页面之后,如果我交换了一些行,这些行就会回到交换之前的位置。我想知道,为什么会发生这种情况,以及如何避免这种情况。这是功能的代码,如果有人需要它:

swapRows = function(rowTable) {
    rowTable.find(".glyphicon-sort").click( function() {
        row = $(this).closest("tr");
        row.insertBefore( row.prev() );
    } );

} 

发生这种情况的原因是,刷新后,页面将返回其初始状态(从服务器或缓存),duh


要保留状态,您有几个选项:AJAX(这样您就不会刷新页面)、HTML5历史记录状态操纵或本地存储等,所有这些恐怕都超出了这个问题的范围。

这是因为刷新后,页面会返回到其初始状态(从服务器或缓存),duh


要保留状态,您有几个选项:AJAX(这样您就不会刷新页面)、HTML5历史记录状态操纵或本地存储等,所有这些恐怕都超出了这个问题的范围。

这是因为刷新后,页面会返回到其初始状态(从服务器或缓存),duh


要保留状态,您有几个选项:AJAX(这样您就不会刷新页面)、HTML5历史记录状态操纵或本地存储等,所有这些恐怕都超出了这个问题的范围。

这是因为刷新后,页面会返回到其初始状态(从服务器或缓存),duh


要保留状态,您有几个选项:AJAX(这样您就不会刷新页面)、HTML5历史记录状态操作或本地存储等,所有这些恐怕都超出了这个问题的范围。

之所以发生这种情况,是因为jQuery是一种客户端技术,并且数据不会在请求之间持久化。当您刷新页面时,您向服务器发出新请求,服务器反过来会以默认状态响应新页面(.html)。
为了在请求之间保存此数据,您可以使用cookie

之所以会发生这种情况,是因为jQuery是一种客户端技术,数据不会在请求之间持久化。当您刷新页面时,您向服务器发出新请求,服务器反过来会以默认状态响应新页面(.html)。
为了在请求之间保存此数据,您可以使用cookie

之所以会发生这种情况,是因为jQuery是一种客户端技术,数据不会在请求之间持久化。当您刷新页面时,您向服务器发出新请求,服务器反过来会以默认状态响应新页面(.html)。
为了在请求之间保存此数据,您可以使用cookie

之所以会发生这种情况,是因为jQuery是一种客户端技术,数据不会在请求之间持久化。当您刷新页面时,您向服务器发出新请求,服务器反过来会以默认状态响应新页面(.html)。
为了在请求之间保存此数据,您可以使用cookie

我很熟悉ajax,你能解释一下或者举个例子,我如何保存状态吗?我的意思是,你可以使用ajax处理来自这个页面的请求,这样用户就不会离开它,并在返回时刷新页面。在这种情况下,并不是说您可以使用AJAX保存状态。@user3130843我认为您应该使用cookie来保存特定问题中的状态,因此当您刷新页面时,Web浏览器将读取交换的特定行的cookie信息,并相应地交换它们。您可以直接在javascript或服务器中创建cookie。希望这会有所帮助。我熟悉ajax,你能解释一下或举个例子,我如何保存状态吗?我的意思是,你可以使用ajax处理来自此页面的请求,这样用户就不会离开它,并在返回时刷新页面。在这种情况下,并不是说您可以使用AJAX保存状态。@user3130843我认为您应该使用cookie来保存特定问题中的状态,因此当您刷新页面时,Web浏览器将读取交换的特定行的cookie信息,并相应地交换它们。您可以直接在javascript或服务器中创建cookie。希望这会有所帮助。我熟悉ajax,你能解释一下或举个例子,我如何保存状态吗?我的意思是,你可以使用ajax处理来自此页面的请求,这样用户就不会离开它,并在返回时刷新页面。在这种情况下,并不是说您可以使用AJAX保存状态。@user3130843我认为您应该使用cookie来保存特定问题中的状态,因此当您刷新页面时,Web浏览器将读取交换的特定行的cookie信息,并相应地交换它们。您可以直接在javascript或服务器中创建cookie。希望这会有所帮助。我熟悉ajax,你能解释一下或举个例子,我如何保存状态吗?我的意思是,你可以使用ajax处理来自此页面的请求,这样用户就不会离开它,并在返回时刷新页面。在这种情况下,并不是说您可以使用AJAX保存状态。@user3130843我认为您应该使用cookie来保存特定问题中的状态,因此当您刷新页面时,Web浏览器将读取交换的特定行的cookie信息,并相应地交换它们。您可以直接在javascript或服务器中创建cookie。希望这会有所帮助。