- ベストアンサー
jsでページングやテーブルソートすると、重くなる？
・JavaScriptでページングやテーブルソートを書くと、サーバ言語で書く場合と比較して、重くなる可能性があるのでしょうか？ ・クライアントに依存するということでしょうか？ ・件数が多い場合、スマートフォンでの表示切替は厳しい？
- re97
- お礼率80% (601/744)
- JavaScript
- 回答数2
- ありがとう数11
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
>・JavaScriptでページングやテーブルソートを書くと、サーバ言語で書く場合と比較して、重くなる可能性があるのでしょうか？ ネットワークとCPUやメモリが関係してくると思います。 可能性があるかどうかといわれればあります。 >・クライアントに依存するということでしょうか？ そうですね >・件数が多い場合、スマートフォンでの表示切替は厳しい？ 古い機種ほど重くなると思います。 一画面に件数の多いテーブルを表示するということ自体を見直すべきではないですかね
その他の回答 (1)
- 神崎 渉瑠（@taloo）
- ベストアンサー率44% (1016/2281)
新しい機種、古い機種に関係なく、ただ表示するだけよりも何らかの処理を加えて表示する方が重くはなります。 しかし、サーバーで並べ直したHTMLを再読み込みする通信時間に比べれば、再表示までの時間は速いです。
お礼
回答ありがとうございました ＞サーバーで並べ直したHTMLを再読み込みする通信時間に比べれば、再表示までの時間は速い ・参考になりましたー
関連するQ&A
- JSP+Servletでのページングの常識
JSP+Servletでのページングの実装方法について伺いたいと思い、 質問いたしました。 現在JSP+ServletでWebページを製作しておりますが、 ページングを行うデータの取得方法で悩んでおります。 データをDBから取得する際は、下記１と２のどちらが標準的な実装方法なのでしょうか？？？ 条件としては、レコード件数2000件のテーブルからデータを取得し、1ページ10件ずつ表示します。 また、APサーバとDBサーバの通信がボトルネックになることはない場合でお願いします １．全件を最初に取得しておいて、ページ切り替えの際は、DB接続なしで表示する ２．ページに表示する件数分のみDBから取得し、ページ切り替えの際は、毎回必要な件数分取得する １の方法ですと、常に全件をキャッシュしていることになり、パフォーマンスが心配です。 ２の方法ですと、ページ制御が煩雑になりそうな気がします。
- ベストアンサー
- Java
- URL固定で、MySQLデータを、ページングしたい
MySQLより取得したデータを、URL固定でページングしたいです。 ・URL固定例 … http://〇〇.ne.jp/hoge ■質問 ・POST使用するのでしょうか？ ・その場合、GETではないので現在ページを取得できないと思うのですが、どうするのでしょうか？ ・セッション？ ・input type hidden？ ・JavaScriptで取得？ getElementById？ ・または、.htaccessとかで処理するのでしょうか？ ・あるいは、Ajaxとかでなければ出来ない？ ■補足 ・件数が多いので、非表示切替でページングするのではなく、その都度DBからデータ取得するようにしたいです
- ベストアンサー
- PHP
- Ajaxでのページングについてなのですが...
現在AjaxにてWebアプリを作成しております。 Webサービスからデータを取得して ブラウザに表示させることはできたのですが、 ページングで悩んでおります。 Webサービスで返ってくるデータは１ページ１０件です。 検索フォームからある商品を検索して、返ってきたXMLタグにトータル件数、ページ数があります。 <TotalResults>249</TotalResults> //トータル件数 <TotalPages>25</TotalPages> //ページ数 データ取得の際にpageというパラメーターにページ番号を渡してやれば、 表示できることは分かるのですが、この先に進めません。（恥） Ajaxといいますか、javascriptでのページングはどのようにすればよろしいのでしょうか？ 「Google」または、こちらの「教えて！goo」様のようなページングが理想なのですが、 何卒ご指導よろしくお願いいたします。 「追記」 また、上記の25ページ分のデータを一度に取得して表示させることはできるのでしょうか？
- ベストアンサー
- JavaScript
- ページング機能の実装について＠PHP＋MySQL
ページング機能の実装について 【PHP＋MySQL】 表示させる要素が多いものでは数万件あり、 たとえば１ページあたりの表示を１０件とすると数千ページになります。 実現したい機能は ------------------------------------------------- ◆１０ページ以内に収まる件数なら全ページをリンク表示。 [ 1 2 3 4 5 6 7 8 9 10 ] ◆上記以外の場合では↓これと同じくする。 http://tutorials.ajaxmasters.com/pagination-demo/ ◆上記paginationで [．．．] に当たるページが１００ページ以上ある 場合は中間のページをリンク表示。 [ 1 2 ... 135 ... 271 272 273 274 275 ... 612 ... 1499 1500 ] ------------------------------------------------- を考えています。 質問ですが、 １．このようなものを容易に実装できるようなライブラリ等を ご存知の方いらっしゃいましたらご教示ください。 ２．上に書いた jquery の pagination は、まだ試してないのですが、 これは数万件のレコードをクライアント側で抱え込んで クライアント側のスクリプトでページングするものでしょうか？ もしそうであると件数と容量が大きいので都合悪いかなと思いまして。 総ページ数（或いは総件数）と １ページあたりの表示件数と クリックされた要求ページを postで持ってページをクリックする度にsqlで最低限の情報を引き出し表示しようと考えています。 上の質問についてと、もしくはもっと効率的な方法があるという方いらっしゃいましたらご教授願います。 宜しくお願い致します。
- ベストアンサー
- PHP
- SQL複数テーブル間でのソート
お世話になります、プログラム初心者です。 ＳＱＬ + PHPでデータを必要条件でまとめてテーブル表示させ、ソートが出来るようなページを作成しています。 具体的には保険のプランやサービス内容、特約などの全体の情報が入ったテーブルがあり、そこからヒモつけられた別テーブルに年齢性別別の料金の表があります。 「男性」「女性」や「終身」「定期」等の条件による情報の収集は出来るようになったのですが、並び替えのところでつまずいております。 例えば「保険料の安い順」に並び替えようとすると各料金表のテーブルから持ってきた年齢性別などの条件に合わせた料金を比較しなければならないので2段階の動きとなりうまくいきません。 一つのテーブルであればＳＱＬに「ORDER BY 」等の指定で出来るのですが、複数にまたがっている為、どのような考え方で進めればいいのか、また具体的にどのような方法があるのか。どなたかご教授頂けないでしょうか。
- 締切済み
- PHP
- ページング機能について
ページング機能について 以前こちらで質問させて頂き、素晴らしい回答者様がオブジェクト指向でサンプルを作っていただき涙がでる思いでした。 その後オブジェクト指向についてサイトを色々見てクラスなどで管理して呼び出すという素晴らしい方法と出会いました。 しかし私はドットインストールで学んでいる初心者なため、また壁に当たってしまいました。 http://dotinstall.com/lessons/paging_php_v2/8510 前回の質問で頂いたものでオブジェクト指向も一緒に勉強してやると思ったのですが、知識が詰め込み＆始めたばかりで完全に詰んでしまいました。 オブジェクト指向はSQLで呼び出すものをクラスに作り実体化させ表示するとは思うのですが、書き方が悪いのかどうもうまくいかず、せっかく頂いたサンプルソースもグチャグチャになり再ダウンロード状態です。 ドットインストールの上記のページング機能と件数表示、これに関しましてオブジェクト指向の場合はどのようにするか教えて頂ける方がいないかと質問させて頂きました。 自分で調べろと言われそうなご質問ですが、色々なサイトで自分なりにやってみたのですが、完全にパンクしてしまったので申し訳ございませんがよろしくお願いします。
- ベストアンサー
- PHP
- テーブルソート
お世話になります 今テーブルソートをしているのですがIE,Operaではうまくいったのですがfirefoxでは nodeArray[i].childNodes[k].firstChild has no properties と警告が出てソーティングがうまくできません どのようにすればいいでしょうか？ p.s. 下記のテーブルはCGIで動的に書いたソースをコピーして擬似表示したものです 状況：偶数のonclickが作動せず奇数のonclickがずれてテーブルソートしています onclick(3)でHPのソート、onclick(5)でMPのソートという感じです・・・ 参考にしたサイトや静的に表示したテーブルでは正常に機能することもあります <script language="javascript"><!-- var x=new Array(); var nodeArray=new Array(); var n; function sortTable(k) { if(!document.getElementById) return; n = document.getElementById("ranksort").rows.length; for(i=0;i<n;i++){ nodeArray[i]=document.getElementById("t["+i+"]"); } for(i=0;i<n;i++){ xval=nodeArray[i].childNodes[k].firstChild.nodeValue; x[i]=parseFloat(xval); } sort(); show(); } function sort(){ complete=false; while(!complete){ complete=true; for(i=0;i<n-1;i++){ if(x[i]<x[i+1]){ buf=x[i];x[i]=x[i+1];x[i+1]=buf; buf=nodeArray[i];nodeArray[i]=nodeArray[i+1];nodeArray[i+1]=buf; complete=false; } } } } function show(){ tbody=document.getElementById('ranksort') for(i=0;i<n;i++){ tbody.removeChild(nodeArray[i]); } for(i=0;i<n;i++){ tbody.appendChild(nodeArray[i]); } } //--> </script> <div id='ability box'> <small>タイトルをクリックするとランキングソートされます</small> <table lang="ja" border="1" style='font-size:14px;'> <thead> <tr> <th>名前</th> <th onclick='sortTable(1);'>H P</th> <th onclick='sortTable(2);'>M P</th> <th onclick='sortTable(3);'>力</th> <th onclick='sortTable(4);'>知能</th> <th onclick='sortTable(5);'>信仰心</th> <th onclick='sortTable(6);'>生命力</th> <th onclick='sortTable(7);'>素早さ</th> <th onclick='sortTable(8);'>運</th> <th onclick='sortTable(9);'>人気</th> <th onclick='sortTable(10);'>賞金額</th> </tr> </thead> <tbody id="ranksort"> <tr id="t[0]"> <td>452</td> <td>32</td> <td>15</td> <td>13</td> <td>5</td> <td>5</td> <td>6</td> <td>5</td> <td>10</td> <td>0</td> <td>10000000</td> </tr> <tr id="t[1]"> <td>コス</td> <td>26</td> <td>14</td> <td>6</td> <td>6</td> <td>13</td> <td>11</td> <td>10</td> <td>13</td> <td>0</td> <td>0</td> </tr> <tr id="t[2]"> <td>コスモス</td> <td>30</td> <td>11</td> <td>13</td> <td>13</td> <td>12</td> <td>6</td> <td>6</td> <td>5</td> <td>0</td> <td>0</td> </tr> </tbody></table> </div>
- ベストアンサー
- JavaScript
- クライアントの自由にソートする
お世話になっております。 現在データベースの中に下記のようなデータが存在するとします。 A B C D 1 2 3 4 （Aのカラムに1） （Bのカラムに2） と言う具合にデータが入っています。 そこで質問なのですが、クライアントの自由にABCDのカラム内のデータをソートさせるにはどのようにしたらよいでしょうか？ 現在は、データベースのテーブルを下記のようにする対処方法しか思いつかないのですが、できれば上記テーブル構成のままソートさせたいのですが何か良い方法は御座いませんでしょうか？ 例） クライアントがA D B C の順にソートしたい場合 テーブル名:TB1 A 1 順位1 B 2 順位3 C 3 順位4 D 4 順位2 select * FROM TB1 A ORDER BY 順位 ASC 出力： 1 4 2 3
- ベストアンサー
- SQL Server
- 検索のソートについて
以前phpのカテゴリ内で以下のようなＱ＆Ａをみつけましたが、まったく同じ状況で使用する言語がperlの場合どのようにすればいいのでしょうか？どなたか教えて下さい。 "PHP+MySQLを勉強中です。 例えば、商品テーブルに商品ID、商品名、価格、在庫数の4つのフィールドがあって、その表の各名称をクリックするとソート(例：オークションなどで現在価格をクリックするとソートなど[select * from 商品 order by 価格 asc])できるスクリプトをどのように作成すればよいか教えて下さい。" "shohin.phpで商品一覧を表示するとして、フィールド各名称のリンクを <a href="shohin.php?sort=1">商品ID</a><a href="shohin.php?sort=2">商品名</a>・・・ のようにします。" あとはswitch文を使ってget値（sort=の値）別にクエリーを変えるだけです。
- ベストアンサー
- Perl
- cakephpでテンポラリテーブル
お世話になります。ご助力頂ければ幸いで御座います。 ---------------------------- PHP Version 5.6.14 cakephp 2.5系 mariadb-10.0.21-with-mroonga-5.08-winx64 ---------------------------- cakephpで以下の事がやりたいです。 (1)select文を使用してデータの抽出 (2)(1)を利用してテンポラリテーブルを作成。 (3)web上で検索結果を表示。 ※ページングを行いたのでcakePHPでページネーションを使用したいです。 (4)次ページやソート変更の際にはテンポラリテーブルからselect。 cakephpでテンポラリテーブルを作成、使用する場合のやり方がわからず、 頓挫しております。 お手数をお掛け致しますが、 何かご指摘点でも構いませんので、ご回答頂ければ幸いで御座います。
- ベストアンサー
- PHP
お礼
回答ありがとうございましたー