php jqueryはニュースタグ分類とリフレッシュ不要のページングを実装します

现在jquery的应用越来越广泛了，在很多网站的新闻板块都实现了 标签分类 + 无刷新分页 的效果。
也自己尝试写了一个，效果图如下（样式可以按用户需求自己去整）：

 

接下来详细介绍实现过程：

我一向是见招拆招的解决思路，这里需要运用到3个东西——标签页效果插件和分页插件，jquery的getJson请求。

因此我使用了jquery-ui插件，jquery-page插件,现提供下载地址：

jquery_all.rar 
 里面包含了3个JS脚本文件和2个样式表:
jquery-1.3.2.min.js
jquery.pager.js
jquery-ui-1.7.2.custom.min.js
jquery-ui-1.7.2.custom.css

Page.css
html页面代码如下：

复制代码 代码如下:

• 2009年


• 2008年


• 2007年

ページは ajax4.php、ajax5.php、ajax6.php、
のコードを作成しました。これら 3 つのページは似ています。ここではコードの最適化を行っていません。実際には、リクエスト アドレスにパラメータを含めるだけです。
ajax.php コードは次のとおりです:

コードをコピー コードは次のとおりです:

header( "content-type:text/html;charset:utf-8");
$db = @ mysql_connect("サーバーホストアドレス","データベースアカウント","データベースパスワード"); >mysql_select_db("データベース名");
$rs=mysql_query("set names utf8");
//pager パラメータが渡された場合
if(isset($_GET['pager']) && isset($_GET[ 'count']))
{
echo GetPager($_GET['count'],$_GET['pager'])
}
else
{
echo " パラメータが渡されていません!";
}

function GetPager($count,$pager)
{
$begin = 開始時間
$end; = 終了時刻;
$rs=mysql_query("SELECT * FROM データ テーブル WHERE (pubdate BETWEEN $begin AND $end) ORDER BY pubdate DESC limit ".($pager-1)*$count.",".$ count);
while ($r=mysql_fetch_assoc($rs))
{
$temp[]=$r;
$html_string="

";
foreach($temp as $k=>$ v)
{
//url フィールドはリンク アドレス、title はニュースのタイトル、pubdate は公開時刻であると仮定します。
$html_string.=" target='_blank' href='".$v ['url']."'>".$v['title']."";
}

$html_string.="

".$v ["pubdate"]."

> ;";
//これはニュースの閲覧です 取得する数、あまり読みすぎることはお勧めしません
$num=40;
//ニュースのページ数の合計は切り上げられます
$num_string=ceil($num/$count);
// ここで、JSON 形式のデータはキーと値のペアの形式で返されます。0 はニュース ページの総数、1 は結合されたページです。 HTML ニュース ページ
$arr=array("0"=>$num_string, "1"=> $html_string);
$jarr=json_encode($arr); 🎜>}
?>



jquery_all.rar