Ajax ページングの単純な質問とその対処方法
単純な Ajax ページングの質問
- HTML コード
<!--
Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/
--><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>ajax分页</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<script type="text/javascript">
function ajax() {
var ajax = false;
if(window.XMLHttpRequest) {
ajax = new XMLHttpRequest();
} else {
ajax = new ActiveXObject("Microsoft.XMLHTTP");
}
return ajax;
}
window.onload = function check(node) {
var parameter = "page=" + node;
var nokia = ajax();
//alert(nokia);return;
nokia.open('POST',"process.php",true);
nokia.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
nokia.send(parameter);
nokia.onreadystatechange = function () {
if(nokia.readyState==4 && nokia.status==200) {
document.getElementById('span1').innerHTML = this.responseText;
}
}
}
</script>
<style type="text/css">
</style>
</head>
<body>
<span id="span1"></span>
</body>
</html>
- PHP コード
<!--
Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/
--><?php
$page = isset($_POST['page'])?$_POST['page']+0:1;
if($page==0) {
$page =1;
}
$conn = mysql_connect('localhost','root','111111');
mysql_select_db('msg');
$sql = 'select count(*) from news';
$info = mysql_query($sql,$conn);
$msg = mysql_fetch_row($info);
$counts = $msg[0];
$perpage = 5;
$pages = ceil($counts/$perpage);
$start = $page - (5-1)/2;
$end = $page + (5-1)/2;
$start = $start<1?1:$start;
$end = ($start+5-1)>$pages?$pages:($start+5-1);
$end = $end>$pages?$pages:$end;
$start = ($end-5+1)<1?1:$end-5+1;
$link = '';
for($i=$start;$i<=$end;$i++) {
if($i == $page) {
$link .= $i;
continue;
}
$link .= ' <a onclick="check(' . $i . ');" href="#">' . $i . '</a> ';
}
echo $link;
上記の HTML ファイルを実行すると、1 2 3 4 5 が表示されます。
ハイパーリンクをクリックすると、Firefox のデバッグでチェックが定義されていないことが表示されます。
innerHTML が既に含まれているのではありませんか? 奇妙なのは、$page にゼロを追加しないと object 要素が表示されることです。答えてください！ ！ ！
-----解決策--------------------------------
これはどうでしょうか
function check(node) {
varparameter = "page= + node;
var nokia = ajax();
//alert(nokia );return;
nokia.open(' POST',"process.php",true);
nokia.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
nokia.send(parameter);
nokia.onreadystatechange = function () {
if(nokia.readyState==4 && nokia.status==200) {
document.getElementById('span1 ').innerHTML = this.responseText;
}
}
}
window.onload = check(node);
------解決策------------------
- JScript コード
window.onload = 関数()
{
チェック(1);
}
関数チェック(ノード) {
var パラメータ = "page=" + ノード;
var nokia = ajax();
//アラート(ノキア);リターン;
nokia.open('POST',"process.php",true);
nokia.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
nokia.send(パラメータ);
nokia.onreadystatechange = function () {
if(nokia.readyState==4 && nokia.status==200) {
document.getElementById('span1').innerHTML = this.responseText;
}
}
}
<br><font color="#e78608">------解決策---------------------- <div class="clear"></div></font>
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
7480
15
1377
52
77
11
19
33
機能とはどういう意味ですか?
Aug 04, 2023 am 10:33 AM
ファンクションとは、関数を意味します。これは、特定の関数を備えた再利用可能なコード ブロックです。プログラムの基本コンポーネントの 1 つです。入力パラメータを受け取り、特定の操作を実行し、結果を返すことができます。その目的は、再利用可能なコード ブロックをカプセル化することです。コードの再利用性と保守性を向上させるコード。
Nokia 105/110 4G 2024 モデルと HMD Global の 2 台の国営銀行フィーチャーフォンにより、工業情報化省のネットワーク アクセスが完了すると予想されています
Mar 19, 2024 am 10:04 AM
3月18日のニュースによると、型番Nokia TA-1617/TA-1619の新型「Nokia」フィーチャーフォン2台が工業情報化省に接続されたとのことですが、具体的な外観や実名は不明です。報道によると、この2台の携帯電話は4G通信のみをサポートしているため、以前噂されていた「Nokia 3310 5Gフィーチャーフォン」ではないとのことで、2台のフィーチャーフォンのパラメータ情報は以下の通りです。 .63mm 重量: 97g 画面: 2.8 インチ RAM: 64MB ストレージ: 128MB バッテリー容量: 1400 mAh Nokia TA-1619 寸法: 122x52x13.14mm 重量: 87.8 グラム 画面: 2.4 インチ RAM: 64MB
情報筋によると、HMD Globalは明日Nokia 3310 5Gフィーチャーフォンを発表する予定だという
Feb 06, 2024 pm 05:15 PM
2月6日、海外メディアNokiaMobは、「JesusHMD」という名の従業員がHMDの公式Discordサーバーに投稿し、HMD Globalが明日「いくつかのエキサイティングなこと」を発表すると主張したと報じた。 ▲画像出典：HMD公式Discordサーバー、HMD Global公式アカウント以前の報道によると、HMD Globalは以前、Nokia 3310の形をした携帯電話に「5G」のロゴが入ったトレーラービデオを公開しており、これに基づいて海外メディアは、HMDがNokia 3310 5Gフィーチャーフォンなどを発売すると予想している。デバイスは明日。関連記事:「H
ベンチマーク情報は、HMD Global が Nokia X10/20 携帯電話用の Android 14 アップデートをテストしていることを示しています
Apr 22, 2024 am 08:16 AM
4 月 21 日のニュースによると、最新の GeekBench ベンチマーク データベース情報によると、HMD Global は Nokia X10/X20 携帯電話向けの Android 14 アップデートをテストしていますが、具体的なプッシュ時間は現時点では不明です。関連ページの情報によると、Android 14 にアップグレードした後、Nokia X10 はシングルコア テストで 701 ポイント、マルチコア テストで 1853 ポイントを獲得しましたが、Nokia X20 はシングルコア テストで 699 ポイント、1842 ポイントを獲得しましたAndroid 14 にアップグレードした後のマルチコア テストでのポイント。 2 台の携帯電話のパラメータ情報は次のとおりです。 Nokia X10SoC: Qualcomm Snapdragon 4805G 画面: 6.67 インチ 1080x2400 解像度 LPSLCD、輝度 450 nits RAM: 4GB/6GB ストレージ容量: 64GB/128GB
php提交表单通过后,弹出的对话框怎样在当前页弹出,该如何解决
Jun 13, 2016 am 10:23 AM
php提交表单通过后,弹出的对话框怎样在当前页弹出php提交表单通过后,弹出的对话框怎样在当前页弹出而不是在空白页弹出？想实现这样的效果：而不是空白页弹出:------解决方案--------------------如果你的验证用PHP在后端，那么就用Ajax；仅供参考：HTML code
MySQL.procテーブルの役割と機能の詳しい説明
Mar 16, 2024 am 09:03 AM
MySQL.proc テーブルの役割と機能の詳細な説明。MySQL は人気のあるリレーショナル データベース管理システムです。開発者が MySQL を使用する場合、多くの場合、ストアド プロシージャ (StoredProcedure) の作成と管理が必要になります。 MySQL.proc テーブルは非常に重要なシステム テーブルであり、ストアド プロシージャの名前、定義、パラメータなど、データベース内のすべてのストアド プロシージャに関連する情報が保存されます。この記事では、MySQL.proc テーブルの役割と機能について詳しく説明します。
Python の「enumerate()」関数の目的は何ですか?
Sep 01, 2023 am 11:29 AM
この記事では、Python の enumerate() 関数と「enumerate()」関数の目的について学びます。 enumerate() 関数とは何ですか? Python の enumerate() 関数は、データ コレクションをパラメータとして受け取り、列挙オブジェクトを返します。列挙オブジェクトはキーと値のペアとして返されます。キーは各項目に対応するインデックス、値は項目です。構文 enumerate(iterable,start) パラメータ iterable - 渡されたデータ コレクションは、iterablestart と呼ばれる列挙オブジェクトとして返すことができます。 - 名前が示すように、列挙オブジェクトの開始インデックスは start によって定義されます。無視したら
Vue プロジェクトでデータ ページングと表示の最適化を実装する方法
Oct 15, 2023 am 09:27 AM
Vue プロジェクトでデータ ページングと表示の最適化を実装します。Vue プロジェクトでは、ページに大量のデータを表示する必要がある場合、通常、ユーザー エクスペリエンスを向上させるためにデータ ページングと表示の最適化を実行する必要があります。この記事では、Vue を使用して次のことを行う方法を紹介します。データ ページングと表示の最適化を実装し、具体的なコード例を提供します。 1. データページング データページングとは、大量のデータを一定の規則に従って複数のページに分割してページ上に表示することをいいます。次の手順を使用して、Vue プロジェクトにデータ ページングを実装できます: データ ソースを定義します。
