Ajax做分页

用这种ajax做分页的方法比较简单，把代码直接复制就可以，然后根据实际更改一下里面的参数。

.设置分页显示显示的样式，显示效果如下。

复制代码

<style type="text/css">

*{ margin:0px auto; padding:0px; font-family:"微软雅黑"}

.b3{ list-style:none; width:400px; height:30px; font-size:16px; text-align:center; line-height:30px; vertical-align:middle; position:relative}

.b4{ width:50px; height:30px; float:left; font-size:20px; text-align:center; line-height:30px; vertical-align:middle}

.b4:hover{ cursor:pointer; background-color:#FC6}

#fy_shang{ font-size:16px; text-align:center; line-height:30px; vertical-align:middle; width:60px; float:left}

#fy_xia{ font-size:16px; text-align:center; line-height:30px; vertical-align:middle; width:60px}

#fy_shang:hover{ cursor:pointer; background-color:#FC6}

#fy_xia:hover{ cursor:pointer; background-color:#FC6}

</style>

复制代码

.页数显示代码容器，把这段代码放在</table>后面。

复制代码

<!--分页开始-->

<center>

<ul class="pagination b3" id="fy_list">

</ul>

<input type="hidden" value="" id="fy_n" />

</center>

<!--分页结束-->

复制代码

.ajax实现分页的代码

复制代码

//ajax分页开始

$(document).ready(function(e) {

    JiaZai();

    var zys = ;

//页面加载数据

})

function JiaZai()

    {

        var n = $("#fy_n").val();//页数显示框里面显示的页数

        $.ajax({

                url:"shipinguanlichuli.php",

                data:{n:n,gjz:""},//n是显示的页数。gjz是表格显示中有关键字查询，这里gjz传一个空值，意思是没有查询条件，查询所有的。

                type:"POST",

                dataType:"JSON",

                success: function(data){

                        var s ="";

                            for(var i in data)

                            {

                            s+="<tr><td><input type='checkbox' class='qx'  value='"+data[i].id+"' name='sc[]' /></td><td class='hidden-xs'>"+data[i].id+"</td><td>"+data[i].name+"</td><td class='hidden-xs'>"+data[i].details+"</td><td class='hidden-xs'>"+data[i].wprice+"</td><td class='hidden-xs'>"+data[i].dprice+"</td><td class='hidden-xs'>"+data[i].class+"</td><td><a href='xiugai.php?c="+data[i].id+"'>修改</a></td><td><a href='shanchuchuli.php?c="+data[i].id+"' onclick=\"return confirm('确定删除吗？')\">删除</a></td></tr>";//拼接表格显示内容

                            }

                        $("#a22").html(s);//把拼接好的字符串放到要显示的div里面。

                    }

            });

        //获取分页数(列表)

        $.ajax({

                url:"zyschuli3.php",

                type:"POST",

                dataType:"TEXT",

                success: function(data){

                        //总页数

                        var ys = Math.ceil(data/);

                        zys = ys;

                        var s = "<div><a id='fy_shang' class='b4'>上一页</a></div>";

                        var dangqian = $("#fy_n").val(); //当前页数

                        for(var i=dangqian-;i<=dangqian+;i++)

                        {

                            if(i> && i<=ys)

                            {

                                if(dangqian==i)

                                {

                                    s+="<div class='b4' class='active'><a class='fy_zhong b4'>"+i+"</a></div>";

                                }

                                else

                                {

                                    s+="<div class='b4'><a class='fy_zhong'>"+i+"</a></div>"

                                }

                            }

                        }

                        s += "<div><a id='fy_xia' class='b4'>下一页</a></div>";

                        $("#fy_list").html(s);

                           //给分页列表加事件

                        JiaShiJian();

                    }

                })

　　//给分页列表加事件的方法

　　function JiaShiJian()

　　{

　　　　$("#fy_shang").click(function(){

　　　　var n = $("#fy_n").val();

　　　　if(n>)

　　　　{

　　　　　　n--;

　　　　}

　　　　else

　　　　{

　　　　　　n=;

　　　　}

　　　　　　$("#fy_n").val(n);

　　　　//加载数据

　　　　JiaZai();

　　　　})

　　　　$("#fy_xia").click(function(){

　　　　var n = $("#fy_n").val();

　　　　if(n<zys)

　　　　{

　　　　　　n++;

　　　　}

　　　　else

　　　　{

　　　　　　n=zys;

　　　　}

　　　　$("#fy_n").val(n);

　　　　//加载数据

　　　　JiaZai();

　　　　})

　　　　　　$(".fy_zhong").click(function(){

　　　　　　var n = $(this).text();

　　　　　　$("#fy_n").val(n);

　　　　//加载数据

　　　　JiaZai();

　　　　})

　　}

复制代码

.如果要加上关键字查询功能，现在表格上面加上关键字输入框。

关键字：<input id="guanjianzi" type="text" name="key" />

然后在js代码中多写一步，其实就是重复显示效果的js代码，里面加上条件。下面是分页显示+关键字查询所有的代码。

复制代码

//ajax分页开始

$(document).ready(function(e) {

    JiaZai();

    var zys = ;

//页面加载数据

})

function JiaZai()

    {

        var n = $("#fy_n").val();//页数显示框里面显示的页数

        $.ajax({

                url:"shipinguanlichuli.php",

                data:{n:n,gjz:""},//n是显示的页数。gjz是表格显示中有关键字查询，这里gjz传一个空值，意思是没有查询条件，查询所有的。

                type:"POST",

                dataType:"JSON",

                success: function(data){

                        var s ="";

                            for(var i in data)

                            {

                            s+="<tr><td><input type='checkbox' class='qx'  value='"+data[i].id+"' name='sc[]' /></td><td class='hidden-xs'>"+data[i].id+"</td><td>"+data[i].name+"</td><td class='hidden-xs'>"+data[i].details+"</td><td class='hidden-xs'>"+data[i].wprice+"</td><td class='hidden-xs'>"+data[i].dprice+"</td><td class='hidden-xs'>"+data[i].class+"</td><td><a href='xiugai.php?c="+data[i].id+"'>修改</a></td><td><a href='shanchuchuli.php?c="+data[i].id+"' onclick=\"return confirm('确定删除吗？')\">删除</a></td></tr>";//拼接表格显示内容

                            }

                        $("#a22").html(s);//把拼接好的字符串放到要显示的div里面。

                    }

            });

        //获取分页数(列表)

        $.ajax({

                url:"zyschuli3.php",

                type:"POST",

                dataType:"TEXT",

                success: function(data){

                        //总页数

                        var ys = Math.ceil(data/);

                        zys = ys;

                        var s = "<div><a id='fy_shang' class='b4'>上一页</a></div>";

                        var dangqian = $("#fy_n").val(); //当前页数

                        for(var i=dangqian-;i<=dangqian+;i++)

                        {

                            if(i> && i<=ys)

                            {

                                if(dangqian==i)

                                {

                                    s+="<div class='b4' class='active'><a class='fy_zhong b4'>"+i+"</a></div>";

                                }

                                else

                                {

                                    s+="<div class='b4'><a class='fy_zhong'>"+i+"</a></div>"

                                }

                            }

                        }

                        s += "<div><a id='fy_xia' class='b4'>下一页</a></div>";

                        $("#fy_list").html(s);

                           //给分页列表加事件

                        JiaShiJian();

                    }

                })                

            $("#guanjianzi").keyup(function(){

                var gjz = $(this).val();

                var n = $("#fy_n").val();

                $.ajax({

                    url:"shipinguanlichuli.php",

                    data:{n:n,gjz:gjz},

                    type:"POST",

                    dataType:"JSON",

                    success: function(data){

                        var s ="";

                            for(var i in data)

                            {

                            s+="<tr><td><input type='checkbox' class='qx'  value='"+data[i].id+"' name='sc[]' /></td><td class='hidden-xs'>"+data[i].id+"</td><td>"+data[i].name+"</td><td class='hidden-xs'>"+data[i].details+"</td><td class='hidden-xs'>"+data[i].wprice+"</td><td class='hidden-xs'>"+data[i].dprice+"</td><td class='hidden-xs'>"+data[i].class+"</td><td><a href='xiugai.php?c="+data[i].id+"'>修改</a></td><td><a href='shanchuchuli.php?c="+data[i].id+"' onclick=\"return confirm('确定删除吗？')\">删除</a></td></tr>";

                            }

                        $("#a22").html(s);

                    }

            });

        //获取分页数(列表)

        //var guanjianzi = $("#guanjianzi").val();

        $.ajax({

                url:"zyschuli3.php",

                data:{gjz:gjz},

                type:"POST",

                dataType:"TEXT",

                success: function(data){

                        //总页数

                        var ys = Math.ceil(data/);

                        zys = ys;

                        var s = "<li><a id='fy_shang' class='b4'>上一页</a></li>";

                        var dangqian = $("#fy_n").val(); //当前页数

                        for(var i=dangqian-;i<=dangqian+;i++)

                        {

                            if(i> && i<=ys)

                            {

                            if(dangqian==i)

                            {

                            s+="<li class='active'><a class='fy_zhong b4'>"+i+"</a></li>";

                            }

                            else

                            {

                                s+="<li><a class='fy_zhong b4'>"+i+"</a></li>"

                            }

                            }

                        }

                        s += "<li><a id='fy_xia' class='b4'>下一页</a></li>";

                        $("#fy_list").html(s);

                           //给分页列表加事件

                        JiaShiJian();

                    }

                })

            });

    }

    //给分页列表加事件的方法

    function JiaShiJian()

    {

        $("#fy_shang").click(function(){

                var n = $("#fy_n").val();

                if(n>)

                {

                    n--;

                }

                else

                {

                    n=;

                }

                $("#fy_n").val(n);

                //加载数据

                JiaZai();

            })

        $("#fy_xia").click(function(){

                var n = $("#fy_n").val();

                if(n<zys)

                {

                    n++;

                }

                else

                {

                    n=zys;

                }

                $("#fy_n").val(n);

                //加载数据

                JiaZai();

            })

        $(".fy_zhong").click(function(){

                var n = $(this).text();

                $("#fy_n").val(n);

                //加载数据

                JiaZai();

            })

    }

</script>

复制代码

.处理页面1  shipinguanlichuli.php

复制代码

<?php

include("./DBDA.class.php");

$db = new DBDA();

$n = $_POST["n"];//获取页数显示框里面的值

$tg = ($n-)*;//每页显示15条数据，这里显示的就是当前页的15条数据。

$tj1 = " 1=1 ";//默认条件是个恒成立的，如果没有其他条件就是查询所有的。

if(!empty($_POST["gjz"]))//获取提交的关键字

{

    $gjz = $_POST["gjz"];

    $tj1 = " name like '%{$gjz}%' or details like '%{$gjz}%' or dprice like '%{$gjz}%' or dprice like '%{$gjz}%' ";//拼接查询条件

}

$sqlsj = "select * from product where {$tj1} limit {$tg},15 ";

echo json_encode($db->GuanQuery($sqlsj));

复制代码

.处理页面2 zyschuli3.php

复制代码

<?php

include("DBDA.class.php");

$db = new DBDA();

$tj1 = " 1=1 ";//默认条件是个恒成立的，如果没有其他条件就是查询所有的。

if(!empty($_POST["gjz"]))//获取提交的关键字

{

    $gjz = $_POST["gjz"];

    $tj1 = " name like '%{$gjz}%' or details like '%{$gjz}%' or dprice like '%{$gjz}%' or dprice like '%{$gjz}%' ";//拼接查询条件

}

$sql ="select count(*) from product where {$tj1}";//查询符合条件的数据的总条数

$sj = $db->StrQuery($sql);

echo $sj;

复制代码

Ajax做分页

用这种ajax做分页的方法比较简单，把代码直接复制就可以，然后根据实际更改一下里面的参数。

1.设置分页显示显示的样式，显示效果如下。

<style type="text/css">

*{ margin:0px auto; padding:0px; font-family:"微软雅黑"}

.b3{ list-style:none; width:400px; height:30px; font-size:16px; text-align:center; line-height:30px; vertical-align:middle; position:relative}

.b4{ width:50px; height:30px; float:left; font-size:20px; text-align:center; line-height:30px; vertical-align:middle}

.b4:hover{ cursor:pointer; background-color:#FC6}

#fy_shang{ font-size:16px; text-align:center; line-height:30px; vertical-align:middle; width:60px; float:left}

#fy_xia{ font-size:16px; text-align:center; line-height:30px; vertical-align:middle; width:60px}

#fy_shang:hover{ cursor:pointer; background-color:#FC6}

#fy_xia:hover{ cursor:pointer; background-color:#FC6}

</style>

2.页数显示代码容器，把这段代码放在</table>后面。

<!--分页开始-->

<center>

<ul class="pagination b3" id="fy_list">

</ul>

<input type="hidden" value="1" id="fy_n" />

</center>

<!--分页结束-->

3.ajax实现分页的代码

//ajax分页开始

$(document).ready(function(e) {

    JiaZai();

    var zys = 0;

//页面加载数据

})

function JiaZai()

    {

        var n = $("#fy_n").val();//页数显示框里面显示的页数

        $.ajax({

                url:"shipinguanlichuli.php",

                data:{n:n,gjz:""},//n是显示的页数。gjz是表格显示中有关键字查询，这里gjz传一个空值，意思是没有查询条件，查询所有的。

                type:"POST",

                dataType:"JSON",

                success: function(data){

                        var s ="";

                            for(var i in data)

                            {

                            s+="<tr><td><input type='checkbox' class='qx'  value='"+data[i].id+"' name='sc[]' /></td><td class='hidden-xs'>"+data[i].id+"</td><td>"+data[i].name+"</td><td class='hidden-xs'>"+data[i].details+"</td><td class='hidden-xs'>"+data[i].wprice+"</td><td class='hidden-xs'>"+data[i].dprice+"</td><td class='hidden-xs'>"+data[i].class+"</td><td><a href='xiugai.php?c="+data[i].id+"'>修改</a></td><td><a href='shanchuchuli.php?c="+data[i].id+"' onclick=\"return confirm('确定删除吗？')\">删除</a></td></tr>";//拼接表格显示内容

                            }

                        $("#a22").html(s);//把拼接好的字符串放到要显示的div里面。

                    }

            });

        //获取分页数(列表)

        $.ajax({

                url:"zyschuli3.php",

                type:"POST",

                dataType:"TEXT",

                success: function(data){

                        //总页数

                        var ys = Math.ceil(data/15);

                        zys = ys;

                        var s = "<div><a id='fy_shang' class='b4'>上一页</a></div>";

                        var dangqian = $("#fy_n").val(); //当前页数

                        for(var i=dangqian-2;i<=dangqian+2;i++)

                        {

                            if(i>0 && i<=ys)

                            {

                                if(dangqian==i)

                                {

                                    s+="<div class='b4' class='active'><a class='fy_zhong b4'>"+i+"</a></div>";

                                }

                                else

                                {

                                    s+="<div class='b4'><a class='fy_zhong'>"+i+"</a></div>"

                                }

                            }

                        }

                        s += "<div><a id='fy_xia' class='b4'>下一页</a></div>";

                        $("#fy_list").html(s);

                           //给分页列表加事件

                        JiaShiJian();

                    }

                })

　　//给分页列表加事件的方法

　　function JiaShiJian()

　　{

　　　　$("#fy_shang").click(function(){

　　　　var n = $("#fy_n").val();

　　　　if(n>1)

　　　　{

　　　　　　n--;

　　　　}

　　　　else

　　　　{

　　　　　　n=1;

　　　　}

　　　　　　$("#fy_n").val(n);

　　　　//加载数据

　　　　JiaZai();

　　　　})

　　　　$("#fy_xia").click(function(){

　　　　var n = $("#fy_n").val();

　　　　if(n<zys)

　　　　{

　　　　　　n++;

　　　　}

　　　　else

　　　　{

　　　　　　n=zys;

　　　　}

　　　　$("#fy_n").val(n);

　　　　//加载数据

　　　　JiaZai();

　　　　})

　　　　　　$(".fy_zhong").click(function(){

　　　　　　var n = $(this).text();

　　　　　　$("#fy_n").val(n);

　　　　//加载数据

　　　　JiaZai();

　　　　})

　　}

4.如果要加上关键字查询功能，现在表格上面加上关键字输入框。

关键字：<input id="guanjianzi" type="text" name="key" />

然后在js代码中多写一步，其实就是重复显示效果的js代码，里面加上条件。下面是分页显示+关键字查询所有的代码。

//ajax分页开始

$(document).ready(function(e) {

    JiaZai();

    var zys = 0;

//页面加载数据

})

function JiaZai()

    {

        var n = $("#fy_n").val();//页数显示框里面显示的页数

        $.ajax({

                url:"shipinguanlichuli.php",

                data:{n:n,gjz:""},//n是显示的页数。gjz是表格显示中有关键字查询，这里gjz传一个空值，意思是没有查询条件，查询所有的。

                type:"POST",

                dataType:"JSON",

                success: function(data){

                        var s ="";

                            for(var i in data)

                            {

                            s+="<tr><td><input type='checkbox' class='qx'  value='"+data[i].id+"' name='sc[]' /></td><td class='hidden-xs'>"+data[i].id+"</td><td>"+data[i].name+"</td><td class='hidden-xs'>"+data[i].details+"</td><td class='hidden-xs'>"+data[i].wprice+"</td><td class='hidden-xs'>"+data[i].dprice+"</td><td class='hidden-xs'>"+data[i].class+"</td><td><a href='xiugai.php?c="+data[i].id+"'>修改</a></td><td><a href='shanchuchuli.php?c="+data[i].id+"' onclick=\"return confirm('确定删除吗？')\">删除</a></td></tr>";//拼接表格显示内容

                            }

                        $("#a22").html(s);//把拼接好的字符串放到要显示的div里面。

                    }

            });

        //获取分页数(列表)

        $.ajax({

                url:"zyschuli3.php",

                type:"POST",

                dataType:"TEXT",

                success: function(data){

                        //总页数

                        var ys = Math.ceil(data/15);

                        zys = ys;

                        var s = "<div><a id='fy_shang' class='b4'>上一页</a></div>";

                        var dangqian = $("#fy_n").val(); //当前页数

                        for(var i=dangqian-2;i<=dangqian+2;i++)

                        {

                            if(i>0 && i<=ys)

                            {

                                if(dangqian==i)

                                {

                                    s+="<div class='b4' class='active'><a class='fy_zhong b4'>"+i+"</a></div>";

                                }

                                else

                                {

                                    s+="<div class='b4'><a class='fy_zhong'>"+i+"</a></div>"

                                }

                            }

                        }

                        s += "<div><a id='fy_xia' class='b4'>下一页</a></div>";

                        $("#fy_list").html(s);

                           //给分页列表加事件

                        JiaShiJian();

                    }

                })                

            $("#guanjianzi").keyup(function(){

                var gjz = $(this).val();

                var n = $("#fy_n").val();

                $.ajax({

                    url:"shipinguanlichuli.php",

                    data:{n:n,gjz:gjz},

                    type:"POST",

                    dataType:"JSON",

                    success: function(data){

                        var s ="";

                            for(var i in data)

                            {

                            s+="<tr><td><input type='checkbox' class='qx'  value='"+data[i].id+"' name='sc[]' /></td><td class='hidden-xs'>"+data[i].id+"</td><td>"+data[i].name+"</td><td class='hidden-xs'>"+data[i].details+"</td><td class='hidden-xs'>"+data[i].wprice+"</td><td class='hidden-xs'>"+data[i].dprice+"</td><td class='hidden-xs'>"+data[i].class+"</td><td><a href='xiugai.php?c="+data[i].id+"'>修改</a></td><td><a href='shanchuchuli.php?c="+data[i].id+"' onclick=\"return confirm('确定删除吗？')\">删除</a></td></tr>";

                            }

                        $("#a22").html(s);

                    }

            });

        //获取分页数(列表)

        //var guanjianzi = $("#guanjianzi").val();

        $.ajax({

                url:"zyschuli3.php",

                data:{gjz:gjz},

                type:"POST",

                dataType:"TEXT",

                success: function(data){

                        //总页数

                        var ys = Math.ceil(data/15);

                        zys = ys;

                        var s = "<li><a id='fy_shang' class='b4'>上一页</a></li>";

                        var dangqian = $("#fy_n").val(); //当前页数

                        for(var i=dangqian-2;i<=dangqian+2;i++)

                        {

                            if(i>0 && i<=ys)

                            {

                            if(dangqian==i)

                            {

                            s+="<li class='active'><a class='fy_zhong b4'>"+i+"</a></li>";

                            }

                            else

                            {

                                s+="<li><a class='fy_zhong b4'>"+i+"</a></li>"

                            }

                            }

                        }

                        s += "<li><a id='fy_xia' class='b4'>下一页</a></li>";

                        $("#fy_list").html(s);

                           //给分页列表加事件

                        JiaShiJian();

                    }

                })

            });

    }

    //给分页列表加事件的方法

    function JiaShiJian()

    {

        $("#fy_shang").click(function(){

                var n = $("#fy_n").val();

                if(n>1)

                {

                    n--;

                }

                else

                {

                    n=1;

                }

                $("#fy_n").val(n);

                //加载数据

                JiaZai();

            })

        $("#fy_xia").click(function(){

                var n = $("#fy_n").val();

                if(n<zys)

                {

                    n++;

                }

                else

                {

                    n=zys;

                }

                $("#fy_n").val(n);

                //加载数据

                JiaZai();

            })

        $(".fy_zhong").click(function(){

                var n = $(this).text();

                $("#fy_n").val(n);

                //加载数据

                JiaZai();

            })

    }

</script>

5.处理页面1 shipinguanlichuli.php

<?php

include("./DBDA.class.php");

$db = new DBDA();

$n = $_POST["n"];//获取页数显示框里面的值

$tg = ($n-1)*15;//每页显示15条数据，这里显示的就是当前页的15条数据。

$tj1 = " 1=1 ";//默认条件是个恒成立的，如果没有其他条件就是查询所有的。

if(!empty($_POST["gjz"]))//获取提交的关键字

{

    $gjz = $_POST["gjz"];

    $tj1 = " name like '%{$gjz}%' or details like '%{$gjz}%' or dprice like '%{$gjz}%' or dprice like '%{$gjz}%' ";//拼接查询条件

}

$sqlsj = "select * from product where {$tj1} limit {$tg},15 ";

echo json_encode($db->GuanQuery($sqlsj));

6.处理页面2 zyschuli3.php

<?php

include("DBDA.class.php");

$db = new DBDA();

$tj1 = " 1=1 ";//默认条件是个恒成立的，如果没有其他条件就是查询所有的。

if(!empty($_POST["gjz"]))//获取提交的关键字

{

    $gjz = $_POST["gjz"];

    $tj1 = " name like '%{$gjz}%' or details like '%{$gjz}%' or dprice like '%{$gjz}%' or dprice like '%{$gjz}%' ";//拼接查询条件

}

$sql ="select count(*) from product where {$tj1}";//查询符合条件的数据的总条数

$sj = $db->StrQuery($sql);

echo $sj;

Ajax做分页的更多相关文章

PHP中使用jQuery+Ajax实现分页查询多功能操作
1.首先做主页面Ajax_pag.php 代码如下: <!DOCTYPE html> <html> <head> <meta charset="UT ...
2018.2.28 PHP中使用jQuery+Ajax实现分页查询多功能如何操作
PHP中使用jQuery+Ajax实现分页查询多功能如何操作 1.首先做主页Ajax_pag.php 代码如下 <!DOCTYPE html> <html> <head& ...
利用Linq + Jquery + Ajax 异步分页的实现
在Web显示的时候我们经常会遇到分页显示,而网上的分页方法甚多,但都太过于消耗带宽,所以我想到了用Ajax来分页,利用返回的Json来处理返回的数据, 大大简化了带宽的压力. 先说下思路,无非就是异步 ...
11月10日下午 ajax做显示信息以后用ajax、Bootstrp做弹窗显示信息详情
1.用ajax做弹窗显示信息详情 nation.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&qu ...
11月10日上午ajax基础知识、用ajax做登录页面、用ajax验证用户名是否可用、ajax动态调用数据库
1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在<script>标签里面的. 如果使用ajax一定是要有1个处 ...
用PHP+MySQL来做分页的演示
用php做分页弄懂逻辑关系其实不难,不过我在听课的时候估计是被老师讲的那些变量里的英文单词给听懵了,因为有几个变量的名字都很像,只是换了两三个英文字母而已,有的就少几个这样的,听到一半已经不知道老师讲 ...
ajax基础语法、ajax做登录、ajax做用户名验证是否可用、ajax做关键字查询动态显示、ajax做用表格显示数据并增加操作列
AJAX: AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. ...
AJAX部分---对比js做日期的下拉选择和 ajax做三级联动；
js做日期选择: 实现当前年份的前5后5年的日期选择实现功能:年份和月份页面加载完成使用JS循环添加,天数根据月份的变化动态添加改变扩展功能:天数可以根据闰年平年变化 <body> & ...
使用AJAX做关键字查询：输入框变化自动搜索、无刷新页面;
使用AJAX做关键字查询要求:1.无刷新页面2.输入框变化自动搜索 <style type="text/css"> .k{ width:150px; height:30 ...

随机推荐

信号处理基础概念比较----频谱vs功率谱vs能谱
频谱: 对动态信号在频率域内进行分析,分析的结果是以频率为坐标的各种物理量的谱线和曲线,可得到各种幅值以频率为变量的频谱函数F(ω).频谱是个很不严格的东西,常常指信号的Fourier变换.频谱分析中 ...
【Unity3D基础教程】给初学者看的Unity教程（三）：通过制作Flappy Bird了解Native 2D中的Sprite，Animation
作者:王选易,出处:http://www.cnblogs.com/neverdie/ 欢迎转载,也请保留这段声明.如果你喜欢这篇文章,请点[推荐].谢谢! 引子上一次我们讲了MonoBehaviou ...
关于Java的软引用及弱引用
概念介绍 1 Reference 描述一个对象的引用.其内部维持一个queue引用,用于跟踪对象的回收情况,当对象被回收时将当前reference引用入队 2 SoftRef ...
极值问题（acms）
[问题描述] 已知m.n为整数,且满足下列两个条件: ① m.n∈{1,2,…,k},即1≤m,n≤k,(1≤k≤109). ②(n2-m*n-m2)2＝1 你的任务是:编程输入正整数k,求一组满足上 ...
Python error: ascii’/'utf-8′ codec can’t decode byte 0xb8 in position 50: ord
字符串使用了费ascii编码的字符,也就是它代表的16进制的编码超过127. 解决这个问题可以使用下面的方法解决,其实就是设置默认的编码.python 2.x的默认编码是ascii,如果改为utf-8 ...
JS获取当前日期时间及JS日期格式化
Js获取当前日期时间: var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份( ...
【javascript基础】1、基本概念
前言最近迷茫了一段时间,不知道应该从何处开始学习前端知识,好像这种状态已经持续了一年了,天天也在看前端的东西,但是记住的多少或者说在脑中一团糟,没有什么清晰的概念.最近加入了jQuery源码交流群( ...
阿里 classloader
http://blog.csdn.net/scythe666/article/details/51956047
顽皮的小球II
感谢世外苏子恒同学提供 uses crt; var x,y,xd,yd,xb,yb:shortint; k:char; procedure intro; begin clrscr; ...
WANem2.3
http://downloads.sourceforge.net/wanem http://openmaniak.com/wanem_network.php 只能以iso方式运行,安装到硬盘后无法保存 ...

Ajax做分页

Ajax做分页

Ajax做分页的更多相关文章

随机推荐

热门专题