php+jQuery はニュースタグ分類と更新不要のページングを実装します

現在、jquery はますます広く使用されており、タグ分類 + 非リフレッシュページングの効果が多くの Web サイトのニュースセクションに実装されています。

私も自分で書いてみました。レンダリングは次のとおりです (スタイルはユーザーのニーズに応じてカスタマイズできます):

実装プロセスは以下で詳しく紹介されます:

ここで使用する必要があるのは、タブ効果プラグインとページングプラグイン、そして jquery の getJson リクエストの 3 つです。

そこで、jquery-ui プラグインと jquery-page プラグインを使用しました。以下のファイル名をクリックしてダウンロードしてください。

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

ページ.css

HTMLページのコードは次のとおりです:

Copy to Clipboard Liehuo.Net Codes

引用的内容：[www.bkjia.com]

php + jquery ui + jquery pager - Liehuo.Net

2009年

2008年

2007年

このページは ajax4.php、ajax5.php、ajax6.php の 3 つのページに getJson リクエストを送信しました。

これら 3 つのページのコードは、何年もコードを作成していないだけです。ここでの最適化。

実際には、リクエストアドレスにパラメータを含めるだけで、同じページで完全に処理できます。

Ajax.php コードは次のとおりです:

クリップボードにコピー引用コンテンツ: Liehuo.Net Codes

[www.bkjia.com]
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 "パラメーターが渡されていません!"

関数GetPager ($count,$pager)
{

$begin = 開始時刻;

$rs=mysql_query("SELECT * FROM データテーブル WHERE (pubdate BETWEEN $begin AND $end) ORDER BY pubdate DESC 制限 ".($pager-1)*$count.",".$count);

while ($r=mysql_fetch_assoc($rs))
{
$temp[]=$r;
}

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

$html_string.=" < ;td valign='middle' width='*' class='tt2'>

".$v['title']." td align='right' width ='100'>".$v["pubdate"]."";
}

$html_string.="//これは読まれたニュースの数です、読みすぎることはお勧めしません
$num=40;
//ニュースの総ページ数は切り上げです
$num_string=ceil($num/ $count);

//ここでキー値が使用されます。正しいメソッドは JSON 形式でデータを返します。0 はニュースページの総数、1 は結合された HTML ニュースページです
$arr=array("0"=) >$num_string, "1"=>$html_string);
$ jarr=json_encode($arr);

}

?>
転載元: http://www.cnblogs.com/tianxin2001x/

http://www.bkjia.com/PHPjc/364463.html

www.bkjia.com

true