Javascript 单击“上一步”按钮时，Ajax分页筛选器不工作

我在codeigniter项目中创建了ajax分页。 它使用搜索、复选框和下拉菜单过滤数据。 到目前为止，如果我使用分页链接，一切都正常。 但是，例如，当我在详细信息页面上单击“上一步”按钮时，它并没有保留更改。它又回到了默认状态。 当我从“详细信息”视图中按“后退”按钮时，如何保持过滤器更改

这是我的密码。 ajax分页

<?php  if (!defined('BASEPATH')) exit('No direct script access allowed');
class Ajax_pagination{
var $base_url        = '';
var $total_rows      = '';
var $per_page        = 10;
var $num_links       =  2;
var $cur_page        =  0;
var $first_link      = 'First';
var $next_link       = '&#187;';
var $prev_link       = '&#171;';
var $last_link       = 'Last';
var $uri_segment     = 3;
var $full_tag_open   = '<div class="pagination">';
var $full_tag_close  = '</div>';
var $first_tag_open  = '';
var $first_tag_close = '&nbsp;';
var $last_tag_open   = '&nbsp;';
var $last_tag_close  = '';
var $cur_tag_open    = '&nbsp;<b>';
var $cur_tag_close   = '</b>';
var $next_tag_open   = '&nbsp;';
var $next_tag_close  = '&nbsp;';
var $prev_tag_open   = '&nbsp;';
var $prev_tag_close  = '';
var $num_tag_open    = '&nbsp;';
var $num_tag_close   = '';
var $target          = '';
var $anchor_class    = '';
var $show_count      = true;
var $link_func       = 'getData';
var $loading         = '.loading';

/**
 * Constructor
 * @access    public
 * @param    array    initialization parameters
 */
function CI_Pagination($params = array()){
    if (count($params) > 0){
        $this->initialize($params);        
    }
    log_message('debug', "Pagination Class Initialized");
}

/**
 * Initialize Preferences
 * @access    public
 * @param    array    initialization parameters
 * @return    void
 */
function initialize($params = array()){
    if (count($params) > 0){
        foreach ($params as $key => $val){
            if (isset($this->$key)){
                $this->$key = $val;
            }
        }        
    }

    // Apply class tag using anchor_class variable, if set.
    if ($this->anchor_class != ''){
        $this->anchor_class = 'class="' . $this->anchor_class . '" ';
    }
}

/**
 * Generate the pagination links
 * @access    public
 * @return    string
 */    
function create_links(){
    // If our item count or per-page total is zero there is no need to continue.
    if ($this->total_rows == 0 OR $this->per_page == 0){
       return '';
    }

    // Calculate the total number of pages
    $num_pages = ceil($this->total_rows / $this->per_page);

    // Is there only one page? Hm... nothing more to do here then.
    if ($num_pages == 1){
        $info = 'Showing : ' . $this->total_rows;
        return $info;
    }

    // Determine the current page number.        
    $CI =& get_instance();    
    if ($CI->uri->segment($this->uri_segment) != 0){
        $this->cur_page = $CI->uri->segment($this->uri_segment);   
        // Prep the current page - no funny business!
        $this->cur_page = (int) $this->cur_page;
    }

    $this->num_links = (int)$this->num_links;
    if ($this->num_links < 1){
        show_error('Your number of links must be a positive number.');
    }

    if ( ! is_numeric($this->cur_page)){
        $this->cur_page = 0;
    }

    // Is the page number beyond the result range?
    // If so we show the last page
    if ($this->cur_page > $this->total_rows){
        $this->cur_page = ($num_pages - 1) * $this->per_page;
    }

    $uri_page_number = $this->cur_page;
    $this->cur_page = floor(($this->cur_page/$this->per_page) + 1);

    // Calculate the start and end numbers. These determine
    // which number to start and end the digit links with
    $start = (($this->cur_page - $this->num_links) > 0) ? $this->cur_page - ($this->num_links - 1) : 1;
    $end   = (($this->cur_page + $this->num_links) < $num_pages) ? $this->cur_page + $this->num_links : $num_pages;

    // Add a trailing slash to the base URL if needed
    $this->base_url = rtrim($this->base_url, '/') .'/';

    // And here we go...
    $output = '';

    // SHOWING LINKS
    if ($this->show_count){
        $curr_offset = $CI->uri->segment($this->uri_segment);
        $info = 'Showing ' . ( $curr_offset + 1 ) . ' to ' ;

        if( ( $curr_offset + $this->per_page ) < ( $this->total_rows -1 ) )
        $info .= $curr_offset + $this->per_page;
        else
        $info .= $this->total_rows;

        $info .= ' of ' . $this->total_rows . ' | ';
        $output .= $info;
    }

    // Render the "First" link
    if  ($this->cur_page > $this->num_links){
        $output .= $this->first_tag_open 
                . $this->getAJAXlink( '' , $this->first_link)
                . $this->first_tag_close;
    }

    // Render the "previous" link
    if  ($this->cur_page != 1){
        $i = $uri_page_number - $this->per_page;
        if ($i == 0) $i = '';
        $output .= $this->prev_tag_open 
                . $this->getAJAXlink( $i, $this->prev_link )
                . $this->prev_tag_close;
    }

    // Write the digit links
    for ($loop = $start -1; $loop <= $end; $loop++){
        $i = ($loop * $this->per_page) - $this->per_page;    
        if ($i >= 0){
            if ($this->cur_page == $loop){
                $output .= $this->cur_tag_open.$loop.$this->cur_tag_close; // Current page
            }else{
                $n = ($i == 0) ? '' : $i;
                $output .= $this->num_tag_open
                    . $this->getAJAXlink( $n, $loop )
                    . $this->num_tag_close;
            }
        }
    }

    // Render the "next" link
    if ($this->cur_page < $num_pages){
        $output .= $this->next_tag_open 
            . $this->getAJAXlink( $this->cur_page * $this->per_page , $this->next_link )
            . $this->next_tag_close;
    }

    // Render the "Last" link
    if (($this->cur_page + $this->num_links) < $num_pages){
        $i = (($num_pages * $this->per_page) - $this->per_page);
        $output .= $this->last_tag_open . $this->getAJAXlink( $i, $this->last_link ) . $this->last_tag_close;
    }

    // Kill double slashes.  Note: Sometimes we can end up with a double slash
    // in the penultimate link so we'll kill all double slashes.
    $output = preg_replace("#([^:])//+#", "\\1/", $output);

    // Add the wrapper HTML if exists
    $output = $this->full_tag_open.$output.$this->full_tag_close;
    ?>
    <script>
    function getData(page){  
        $.ajax({
            method: "POST",
            url: "<?php echo $this->base_url; ?>"+page,
            data: { page: page },
            beforeSend: function(){
                $('<?php echo $this->loading; ?>').show();
            },
            success: function(data){
                $('<?php echo $this->loading; ?>').hide();
                $('<?php echo $this->target; ?>').html(data);
            }
        });
    }
    </script>
    <?php
    return $output;
}

function getAJAXlink($count, $text) {
    $pageCount = $count?$count:0;
    return '<a href="javascript:void(0);"' . $this->anchor_class . ' onclick="'.$this->link_func.'('.$pageCount.')">'. $text .'</a>';
}
}

.show（）； }, 成功：功能（数据）{ $（''）.hide（）； $（''）.html（数据）； } }); }

---

本质上，我们需要做的是修改一些逻辑/添加一些逻辑，以便在从ajax发布时，将

页面

、

排序

和

关键字

中的每个变量存储在会话变量中，以便在我们离开页面并返回页面时，我们的分页是相同的。在这种情况下，只需使用空post数据提供对

ajaxPaginationData

的AJAX调用：

function ajaxPaginationData() {

    $this->load->library('session'); // if you haven't already
    $conditions = array();
    // Page (offset)
    $page = $this->input->post('page');
    if (!empty($page)) {
        $offset = $page;
        $this->session->set_userdata('se_page', $page);
    } elseif ($this->session->has_userdata('se_page')) {
        $offeset = $this->session->se_page;
    } else {
        $offset = 0;
    }

    // Keywords and Sortby
    $keywords = $this->input->post('keywords');
    $sortBy = $this->input->post('sortBy');
    if (!empty($keywords)) {
        $conditions['search']['keywords'] = $keywords;
        $this->session->set_userdata('se_keywords', $keywords);
    } elseif ($this->session->has_userdata('se_keywords')) {
        $conditions['search']['keywords'] = $this->session->se_keywords;
    }
    if (!empty($sortBy)) {
        $conditions['search']['sortBy'] = $sortBy;
        $this->session->set_userdata('se_sortby', $sortBy);
    } elseif ($this->session->has_userdata('se_sortby')) {
        $conditions['search']['sortBy'] = $this->session->se_sortby;
    }

    // total rows count
    $totalRec = count($this->post->getRows($conditions));

    // pagination configuration
    $config['target'] = '#postList';
    $config['base_url'] = base_url() . 'posts/ajaxPaginationData';
    $config['total_rows'] = $totalRec;
    $config['per_page'] = $this->perPage;
    $config['link_func'] = 'searchFilter';
    $this->ajax_pagination->initialize($config);

    //set start and limit
    $conditions['start'] = $offset;
    $conditions['limit'] = $this->perPage;

    //get posts data
    $data['posts'] = $this->post->getRows($conditions);

    //load the view
    $this->load->view('posts/ajax-pagination-data', $data, false);
}

---

“后退按钮”是指浏览器后退按钮，然后您必须将所有相关变量存储在会话变量中…您有机会查看我的答案吗？我尝试过对代码进行上述更改，但例如，在排序时，从访问排序元素中的一个链接回来，它没有显示任何帖子。很抱歉，回复晚了@Alex$page=$this->input->post（'page'）；if（！$page）{if（$this->session->has_userdata（'se_page'））{$offset=$this->session->se_page；}else{$offset=0；}else{$offset=$page；$this->session->set_userdata（'se_page'，$page）；}我试图对第一个if-else进行一点更改。它工作得很好，但是。它在我的分页中又增加了一页。例如如果我在第6页，在访问了其中的链接后，它会将第6页添加为我的分页的第1页，并指导我在上面。所以，我总共有两个相同页面的副本。我刚刚注意到我的代码

$offeset=$this->session->se_页面中有一个错误应该是
$offset
。。。也许你已经抓到了。
<script>
function searchFilter(page_num) {
page_num = page_num?page_num:0;
var keywords = $('#keywords').val();
var sortBy = $('#sortBy').val();
$.ajax({
    type: 'POST',
    url: '<?php echo base_url(); ?>posts/ajaxPaginationData/'+page_num,
    data:'page='+page_num+'&keywords='+keywords+'&sortBy='+sortBy,
    beforeSend: function () {
        $('.loading').show();
    },
    success: function (html) {
        $('#postList').html(html);
        $('.loading').fadeOut("slow");
    }
});
}
</script>

function ajaxPaginationData() {

    $this->load->library('session'); // if you haven't already
    $conditions = array();
    // Page (offset)
    $page = $this->input->post('page');
    if (!empty($page)) {
        $offset = $page;
        $this->session->set_userdata('se_page', $page);
    } elseif ($this->session->has_userdata('se_page')) {
        $offeset = $this->session->se_page;
    } else {
        $offset = 0;
    }

    // Keywords and Sortby
    $keywords = $this->input->post('keywords');
    $sortBy = $this->input->post('sortBy');
    if (!empty($keywords)) {
        $conditions['search']['keywords'] = $keywords;
        $this->session->set_userdata('se_keywords', $keywords);
    } elseif ($this->session->has_userdata('se_keywords')) {
        $conditions['search']['keywords'] = $this->session->se_keywords;
    }
    if (!empty($sortBy)) {
        $conditions['search']['sortBy'] = $sortBy;
        $this->session->set_userdata('se_sortby', $sortBy);
    } elseif ($this->session->has_userdata('se_sortby')) {
        $conditions['search']['sortBy'] = $this->session->se_sortby;
    }

    // total rows count
    $totalRec = count($this->post->getRows($conditions));

    // pagination configuration
    $config['target'] = '#postList';
    $config['base_url'] = base_url() . 'posts/ajaxPaginationData';
    $config['total_rows'] = $totalRec;
    $config['per_page'] = $this->perPage;
    $config['link_func'] = 'searchFilter';
    $this->ajax_pagination->initialize($config);

    //set start and limit
    $conditions['start'] = $offset;
    $conditions['limit'] = $this->perPage;

    //get posts data
    $data['posts'] = $this->post->getRows($conditions);

    //load the view
    $this->load->view('posts/ajax-pagination-data', $data, false);
}