ホームページ  >  記事  >  バックエンド開発  >  php+jQuery はニュースタグ分類と更新不要のページングを実装します_PHP チュートリアル

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

WBOY
WBOYオリジナル
2016-07-21 14:55:04816ブラウズ

現在、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 ClipboardLiehuo.Net Codes引用的内容:[www.bkjia.com]


php + jquery ui + jquery pager - Liehuo.Net














このページは 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

tru​​e

技術記事現在、多くの Web サイトのニュースセクションで jquery が使用されることが多くなり、タグ分類 + 非リフレッシュページングの効果が実感されています。 私も自分で書いてみました、効果の写真は次のとおりです(...
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。