2 つの Web ページのページング機能を完全に実装する Ajax サンプル コード_PHP チュートリアル

分の首页

复制代代码如下:

武侠小说分页



<script><br> var page='';<br> function init(page){<br> document.getElementById("tables").innerHTML='';<br> var xhr;<br> if(window.XMLHttpRequest){<br> xhr = new XMLHttpRequest();<br>} else if(window.ActiveXObject){<br> xhr =new ActiveXObject("Microsoft.XMLHTTP")<br>}<br>var url="fenye.php";<br> xhr.open("POST",url,true);<br> xhr.onreadystatechange =callback;<br> xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");<br> if(page){<br> xhr.send("page="+page);<br> }<br> else {xhr.send("page=1");}<br> var content;<br> function callback(){<br> if(xhr.readyState==4){<br> if(xhr.status==200){<br> var json =eval ('('+xhr.responseText+')');<br> //alert(xhr.responseText);<br> var fenye=json.str;<br> // alert(fenye);<br> document.getElementById('div').innerHTML =fenye;<br> content="<th>ID</th><th>名前</th><th>著者</th><th>出版社</th><th> ;ISBN 番号</th><th>種類</th><th>价格</th>";<br> for(var i=0;i<json.info.length;i++){<BR> content+="<tr><td>"+json.info[i].id+"</td><td>"+json.info[i].name+"</td><td&gt ;"+json.info[i].author+"</td>gt;<td>"+json.info[i].publisher+"</td><td>"+json.info[i]。 isbn+"</td>gt;<td>"+json.info[i].type+"</td>gt;<td>"+json.info[i].price+"</tr>";<br> document.getElementById("tables").innerHTML=content;<br> }<br> //alert(fenye);<br> }<br> }<br> }<br> }<br><br></script>

jquery实现$.ajaxの分页

ID	名前著者	出版社	ISBN番号	種類	价格< /th>

分页のphp精华代码

复制代代码如下:

//データを処理するようにモデル層に命令します
$link=mysql_connect('localhost','root','') または die("failure");
mysql_select_db('books',$link ) または die("データベースへの接続エラー!");
//ページごとのレコード数を表示します
$pagesize = 2;
//レコードの総数を求めます
$sql = "select count(*) as total_rows from Books";
$result = mysql_query($sql);
$total_rows = mysql_fetch_array($result);
//総ページ数を求める
$pages = ceil($total_rows[0]/$pagesize);
//現在のページ番号は何ですか? Page
$page = $_POST['page'];
$strtext = "現在のページ".$page."Total".$pages."Page"."Total". $total_rows[0]. "Record";
//var_dump($str);
//次に、現在クリックされているページ番号に基づいて、対応するデータを見つけたいと思います
$offset = $pagesize*($page-1 );
$sql = " 書籍制限 $offset,$pagesize から * を選択";
mysql_query("set names utf8");
$res=mysql_query($sql);

$rows=array();
while ($row=mysql_fetch_assoc($ res)){
$rows[]=$row;
}
$pageInfo = $rows;
//echo json_encode($pageInfo);
//var_dump($pageInfo);
/ /データ リンクは後で取得されます。 Return
$first=1;
$prev=$page-1;
$next=$page+1;
$last=$pages;

// ビュー レイヤに次のコマンドを実行しますデータを表示します
$first_a = "" ;
if($page>1){
$prev_a = "< ;img src='1.jpg' width= '50px;' height='20px;'/>";
}
if($page<$pages){
$next_a = "< a onclick='init(".$next. ")' href='#'> }
$last_a = "< ;a onclick='init(".$last.")' href='#'>";
@$str = $strtext.$first_a.$prev_a.$next_a.$last_a;
//var_dump($str);
$info = array( 'str'=>$str,'info '=>$pageInfo);
echo json_encode($info);

http://www.bkjia.com/PHPjc/326843.htmlwww.bkjia.comtru​​ehttp://www.bkjia.com/PHPjc/326843.html技術記事ページネーションのホームページにあるコードを次のようにコピーします: meta http-equiv="Content-Type" content="text/html; charset=utf8" / h1 align="center" 武道小説 paging/h br/ script src="jquery-1.4 .2.min...