target='_blank' href='\".$v ['url'].\"'>\".$v['title'].\"<\/a><\/td>
php jqueryはニュースタグ分類とリフレッシュ不要のページングを?qū)g裝します
Jun 13, 2016 pm 12:20 PM
現(xiàn)在jquery的應(yīng)用越來越廣泛了，在很多網(wǎng)站的新聞板塊都實(shí)現(xiàn)了 標(biāo)簽分類 + 無刷新分頁 的效果。
也自己嘗試寫了一個，效果圖如下（樣式可以按用戶需求自己去整）：
?
接下來詳細(xì)介紹實(shí)現(xiàn)過程：
我一向是見招拆招的解決思路，這里需要運(yùn)用到3個東西——標(biāo)簽頁效果插件和分頁插件，jquery的getJson請求。
因此我使用了jquery-ui插件，jquery-page插件,現(xiàn)提供下載地址：
?里面包含了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頁面代碼如下：
復(fù)制代碼 代碼如下:
ページは 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="
| ".$v ["pubdate"]." |
target='_blank' href='".$v ['url']."'>".$v['title']."
