Ajax 分页的问题答案

【问题标题】：issues in Ajax paginationAjax 分页的问题
【发布时间】：2015-04-20 09:41:51
【问题描述】：

我已经在 codeigniter 中完成了 ajax 分页。当我单击下一页按钮页面自动重新加载时，记录除以 10。在 localhost 中编码工作正常，但在实时服务器中它不工作....请帮助我....这是我的编码：

<script>
var page_number=0;
var total_page =null;
var sr =0;
var sr_no =0;
var getReport = function(page_number){
    if(page_number==0)
    {
        $("#previous").prop('disabled', true);
    }
    else
    {
        $("#previous").prop('disabled', false);
    }
    if(page_number==(total_page-1))
    {
        $("#next").prop('disabled', true);
    }
    else
    {
        $("#next").prop('disabled', false);
    }
    $("#page_number").text(page_number+1);
    $.ajax({
        url:"<?php echo base_url() ?>index.php/admin/pagination",
        type:"POST",
        dataType: 'json',
        data:'page_number='+page_number,

        success:function(data)
        {
            window.mydata = data;
            total_page= mydata[0].TotalRows;
            $("#total_page").text(total_page);
            var record_par_page = mydata[0].Rows;
            ............ // here m getting the values
            ......... // here m getting the values
            $.each(record_par_page, function (key, data) 
            {
                sr =(key+1);    
                $(".tb").append('<tr class='+r_class+'><td class="no-print"><input type="checkbox" class="idRow chk_each" name="chk<?PHP echo $po_id; ?>" value="<?php echo $po_id; ?>" <?php echo set_checkbox('chk'.$po_id,$po_id); ?>>   </td><td>'+data.created_date+'</td><td>........displaying values.........</td></tr>');
            });
        }
    });
};

  $(document).ready(function(e){
    getReport(page_number);
    console.log(sr);
    $("#next").on("click", function(){
        $(".tb").html("");
        page_number = (page_number+1);
        getReport(page_number);
        console.log(sr);
    });
    $("#previous").on("click", function(){
        $(".tb").html("");
        page_number = (page_number-1);
        getReport(page_number);
    });
    $("#search").on('keyup', function(){
        var str = $.trim($(this).val());
        search(str);
    });
});

【问题讨论】：

我认为您忘记抑制生成的点击事件。你可以使用event.preventDefault()函数
您在控制台中遇到的错误是什么？
@cerlin 老板：我使用了 event.preventdefault 函数。它工作得很好，谢谢。但是在 localhost 它的工作没有给出这个函数有什么区别
我不确定它在您的本地主机中是如何工作的。我能想到的就是事件被杀死了。您可以使用visual event 来查看附加到这些链接的事件，并查看是否有任何附加的事件正在杀死事件本身。希望这会有所帮助
@cerlin 老板：谢谢

标签： php jquery ajax codeigniter

【解决方案1】：

从评论中的上述讨论中，由于没有抑制 clcik 功能而提出的问题。解决它使用event.preventDefault()

【讨论】：