JQUERY+PHP实现无刷新页面分页 jq页面不刷新完成分页例子

news/2024/7/11 1:23:56 标签: jquery, php, insert, javascript, mysql, function

本例实现 jquery + php 无刷新分页.FF  IE 等浏览器均支持

 

index.php

<?php
 header("Content-Type:text/html;charset=utf-8");
?>
<html>
<head>
<title>JQ-无刷新分页      by:siyuantlw</title>
<style>
A{text-decoration:none;}
A:link {COLOR:#33CCFF;}
A:active {COLOR:#FF6666;}    
A:visited {COLOR:#33CCFF;}    
A:hover {COLOR:#FF6699; TEXT-DECORATION: underline;position:relative;left:1px;top:1px}
</style>
<script src="http://code.jquery.com/jquery-1.5.1.js"></script>
<script language="javascript">
    $(document).ready(function(){
        changepage(1);
    });
    function changepage(page){
        $.post("sql.php",{page:page},function(data){
            $("#test").html(data);
        });
    }
</script>
</head>
<body>
    <ul id="test"></ul>
</body>
</html>


sql.php

<?php
mysql_connect("","root","");
mysql_select_db("test");
mysql_query("set names utf8");

if(isset($_POST["page"])){
    @$page = max(1, intval($_POST["page"]));
    $pagesize=10;
    $startindex=($page-1)*$pagesize;
    $sql="SELECT * FROM test ORDER BY id LIMIT $startindex,$pagesize";
    $rec=mysql_query($sql);
    while($row=mysql_fetch_array($rec)){
        $str.="<li>".$row["uname"]."</li>";
    }
    $num=mysql_num_rows(mysql_query("select * from test"));
    $pagenum=@ceil($num/$pagesize);
    for($i=1;$i<=$pagenum;$i++){
        if($page==$i){
            $str.="<a href='javascript:void(0)' οnclick=changepage(".$i.")>[".$i."]</a>&nbsp;&nbsp;&nbsp;";
        }else{
            $str.="<a href='javascript:void(0)' οnclick=changepage(".$i.")>".$i."</a>&nbsp;&nbsp;&nbsp;";
        }
    }
    echo $str;
}else{
    die();
}
?>


test数据库表中test表


SET FOREIGN_KEY_CHECKS=0;
-- ----------------------------
-- Table structure for test
-- ----------------------------
DROP TABLE IF EXISTS `test`;
CREATE TABLE `test` (
  `id` int(10) NOT NULL auto_increment,
  `uname` char(50) character set utf8 NOT NULL,
  PRIMARY KEY  (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312 COLLATE=gb2312_bin;

-- ----------------------------
-- Records
-- ----------------------------
INSERT INTO `test` VALUES ('1', 'aaaaaaaaaaa');
INSERT INTO `test` VALUES ('2', 'bbbbbbbbbbbb');
INSERT INTO `test` VALUES ('3', 'cccccccccccc');
INSERT INTO `test` VALUES ('4', 'dddddddddddddddd');
INSERT INTO `test` VALUES ('5', 'eeeeeeeeeee');
INSERT INTO `test` VALUES ('6', 'ffffffffff');
INSERT INTO `test` VALUES ('7', 'ggggggggggggggg');
INSERT INTO `test` VALUES ('8', 'hhhhhhhhhhhh');
INSERT INTO `test` VALUES ('9', 'jjjjjjjjjjjjjjjj');
INSERT INTO `test` VALUES ('10', 'kkkkkkkkkkk');
INSERT INTO `test` VALUES ('11', 'mmmmmmmmmmm');
INSERT INTO `test` VALUES ('12', 'cccccccccccccccccc');
INSERT INTO `test` VALUES ('13', 'bbbbbbbbbbbb');
INSERT INTO `test` VALUES ('14', 'ooooooooooooooooo');
INSERT INTO `test` VALUES ('15', 'pppppppppppp');
INSERT INTO `test` VALUES ('16', 'aaaaaaaaaaaaaaa');
INSERT INTO `test` VALUES ('17', 'ggggggggggggggggg');
INSERT INTO `test` VALUES ('18', 'dddddddddddddddd');
INSERT INTO `test` VALUES ('19', 'cccccccccccccc');
INSERT INTO `test` VALUES ('20', 'xxxxxxxxxx');
INSERT INTO `test` VALUES ('21', 'zzzzzzzzzzzzzzz');
INSERT INTO `test` VALUES ('22', 'oooooooooooooooooooo');
INSERT INTO `test` VALUES ('23', 'iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii');
INSERT INTO `test` VALUES ('24', 'uuuuuuuuuuuuuuuuuuuuuuuuuuuuu');
INSERT INTO `test` VALUES ('25', 'yyyyyyyyyyyyyyyyyy');
INSERT INTO `test` VALUES ('26', 'ttttttttttttttttttttttttttt');
INSERT INTO `test` VALUES ('27', 'rrrrrrrrrrrrrrrrrrrrrrrr');
INSERT INTO `test` VALUES ('28', 'eeeeeeeeeeeeeeeeeeeee');
INSERT INTO `test` VALUES ('29', 'wwwwwwwwwwwwwwwwwwwww');
INSERT INTO `test` VALUES ('30', 'qqqqqqqqqqqqq');
INSERT INTO `test` VALUES ('31', 'aaaaaaaaaaa');
INSERT INTO `test` VALUES ('32', 'zzzzzzzzzzzzz');
INSERT INTO `test` VALUES ('33', 'ssssssssssd');
INSERT INTO `test` VALUES ('34', 'dddddddddddddddddddddddd');
INSERT INTO `test` VALUES ('35', 'fffffffffffffffffffff');
INSERT INTO `test` VALUES ('36', 'vvvvvvvvvvvvvvvvvvvv');
INSERT INTO `test` VALUES ('37', 'bbbbbbbbbbbbbbbbbnb');
INSERT INTO `test` VALUES ('38', 'nnnnnnnnnnnnnn');
INSERT INTO `test` VALUES ('39', '2222222222222');
INSERT INTO `test` VALUES ('40', '1111111111111');
INSERT INTO `test` VALUES ('41', '3333333333333');
INSERT INTO `test` VALUES ('42', '44444444444');
INSERT INTO `test` VALUES ('43', '5555555555555');
INSERT INTO `test` VALUES ('44', '6666666666666');
INSERT INTO `test` VALUES ('45', '7777777777777');
INSERT INTO `test` VALUES ('46', '8888888888888');
INSERT INTO `test` VALUES ('47', '999999999999999');
INSERT INTO `test` VALUES ('48', '000000000000');

另付php+AJAX不刷新页面分页例子http://blog.csdn.net/fgdfgasd/article/details/6932420

来源:http://hi.baidu.com/siyuantlw/blog/item/4a91dfdb3d68fb72d1164e61.html


http://www.niftyadmin.cn/n/888469.html

相关文章

PHP Ajax实现页面无刷新发表评论

来源&#xff1a;http://www.phpwind.net/read-htm-tid-371152.html 传统的发表过程无非是&#xff1a;发表&#xff0d;>提交页面表单&#xff0d;>等待刷新页面&#xff0c;这样在网络比较拥挤的时候&#xff0c;往往需要漫长的等待&#xff0c;今天介绍用PHPAjax 实现…

window.open 参数

经常上网的朋友可能会到过这样一些网站&#xff0c;一进入首页立刻会弹出一个窗口&#xff0c; 或者按一个连接或按钮弹出&#xff0c;通常在这个窗口里会显示一些注意事项、版权信息 、警告、欢迎光顾之类的话或者作者想要特别提示的信息。其实制作这样的页面 效果非常的容易&…

MySQL与分页

如果和MSSQL的TOP语法相比&#xff0c;那么MySQL的LIMIT语法要显得优雅了许多。使用它来分页是再自然不过的事情了。 最基本的分页方式&#xff1a; SELECT ... FROM ... WHERE ... ORDER BY ... LIMIT ... 在中小数据量的情况下&#xff0c;这样的SQL足够用了&#xff0c;…

最细微讲解——ImgLab标注

ImgLab 安装及使用 先去github官网下载dlib完整工程&#xff0c;里边包含了标注工具https://github.com/davisking/dlib&#xff0c;在/tools/imglab文件夹下&#xff0c;下载完成后解压到指定位置&#xff0c;通过cmd进入ImgLab目录下执行如下指令&#xff1a; 创建build文件…

php checkbox 取值详细说明

来源&#xff1a;http://www.jb51.net/article/24595.htm php的checkbox取值方式跟其它语言有点不同&#xff0c;主要是因为php中数组的合理使用。设我们有一个html页面&#xff0c;代码如下&#xff1a; 复制代码代码如下:<FORM method"post" action"chec…

基于支持向量机SVM和朴素贝叶斯NBM情感分析

一、概述 使用大约十万条的微博评论作为训练数据&#xff0c;数据1表示为积极评论&#xff0c;0表示消极评论&#xff0c;利用pandas、jieba对数据进行前期处理&#xff0c;TFIDF将处理后的数据进行向量化&#xff0c;然后利用支持向量机和朴素贝叶斯对处理后的数据集进行训练。…

python使用post发送表单formdata数据

import requests import jsonif __name__ __main__:url http://127.0.0.1:5000/predictdata {name:tets,age:13}r requests.post(url, datadata)# 打印响应时间单位s# print(r.elapsed.microseconds/1000000)# 打印响应结果# print(r.text)

JavaScript全选与反选,实用代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns"http://www.w3.org/1999/xhtml"><head><title>JavaScript全选与反选</t…