php +ajax +sql ページングを実装する-PHPチュートリアル-php.cn

php +ajax +sql ページングを実装する

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

リリース： 2016-06-23 13:36:22

オリジナル

979 人が閲覧しました

前の章: データ対話を実現するための php +ajax +sql

前の章では、データの非同期ロードを実装するための php +ajax +sql について説明しました。ここでは、ajax を使用してページングを実現します。

注: ここでのコードの大部分は前の章と似ています

1 まず、テーブルの内容は上に示すように、別の場所を使用します。 :

2. データベースにリンクする新しいパブリックファイル conn.php を作成します:

<strong><?php</strong> header(<strong>"Content-Type:text/html;charset=utf8"</strong>);//申明编码格式 $conn=mysql_connect(<strong>"localhost"</strong>,<strong>"root"</strong>,<strong>"aaaaaa"</strong>) <strong>or die</strong>(<strong>"</strong><strong>数据库连接错误</strong><strong>"</strong>.mysql_errno());//连接sql mysql_select_db(<strong>"phptest"</strong>,$conn);mysql_query(<strong>'SET NAMES UTF8'</strong>) <strong>or die</strong>(<strong>'</strong><strong>字符集设置错误</strong><strong>'</strong>.mysql_error());//设置输入的字符集编码 <strong>?></strong>

ログイン後にコピー

<strong>3.php服务端提供给前端ajax数据接口，新建文件phptoAJAX。php</strong>

ログイン後にコピー

<strong></strong><pre class='brush:php;toolbar:false;'><strong><?php</strong> <strong>require_once</strong>(<strong>"conn.php"</strong>);//导入公用文件

ログイン後にコピー

<pre class="n">$page=<strong>isset</strong>($_POST[<strong>"index"</strong>])?$_POST[<strong>"index"</strong>]:1;//限制行数，$_POST[<strong>"index"]为前端ajax提交的数据</strong>

ログイン後にコピー

$query=mysql_query(<strong>"SElECT * FROM txt LIMIT </strong>$page<strong>,5"</strong>) <strong>or die</strong>(<strong>"</strong><strong>错误提示：</strong><strong>"</strong>.mysql_error());//动态修改获取行数的基数$page

ログイン後にコピー

$jsonArray=

array();//新しいデータは、に対応するデータグループを受け取るために使用されます。データベースの各行while($rows= mysql_fetch_array($query)){

 //处理数据库里面的自动对应的内容  $rows[<strong>'content'</strong>]=mb_substr(strip_tags(htmlspecialchars_decode($rows[<strong>'content'</strong>])),0,100,<strong>"utf-8"</strong>);  //把数据库的内容添加到新建数组中

ログイン後にコピー

 array_push($jsonArray,$rows);//注意这里是$rows  } <strong>echo </strong>json_encode($jsonArray);//转换成json传递给前端

ログイン後にコピー

4.新建phpToAJAX.HTML前端接收数据，这里我用jquery封装好的ajax方法，执行后的页面如下图所示：

ログイン後にコピー

<pre class="n"><!DOCTYPE <strong>html</strong>><<strong>html</strong>><<strong>head </strong><strong>lang=</strong><strong>"en"</strong>>    <<strong>meta </strong><strong>charset=</strong><strong>"UTF-8"</strong>>    <<strong>title</strong>></<strong>title</strong>>

ログイン後にコピー

<pre class="n"><<strong>style</strong>> //给分页节点添加点样式    <strong>*</strong>{<strong>margin</strong>:0;}    <strong>ul</strong>{<strong>height</strong>:400<strong>px</strong>;<strong>width</strong>:800<strong>px</strong>;<strong>margin</strong>:0 <strong>auto</strong>;}    .<strong>page</strong>{<strong>width</strong>:800<strong>px</strong>;<strong>height</strong>:30<strong>px</strong>;<strong>margin</strong>:0 <strong>auto</strong>;}    <strong>li</strong>{<strong>font-size</strong>: 14<strong>px</strong>;}    <strong>span</strong>{<strong>padding</strong>:0 2<strong>px</strong>;<strong>cursor</strong>:<strong>pointer</strong>;}    .<strong>inline</strong>{<strong>background</strong>:<strong>#009999</strong>;<strong>color</strong>:<strong>#fff</strong>;}    .<strong>inline</strong>:<strong>hover</strong>{<strong>color</strong>:<strong>#006600</strong>;<strong>text-decoration</strong>: <strong>underline</strong>;}</<strong>style</strong>>

ログイン後にコピー

li+="<li><h2>"+msg[i]['title']+"</h2>"+msg[i]['content']+"...<a href='phpArtcle.php?art="+msg[i]['id']+"' target='_blank'>详细</a></li>"; } $("#list").html(li);