サーバー インターフェイスへのクライアント呼び出しを最適化して、リクエスト データ容量を削減します。
プロジェクトのニーズにより、今後 3 日間のユーザーの予約時間を記録する必要があります。各予約期間は 1 時間です。
例: 00:00:00~00:59:59 または 01:00:00~01:59:59 などが予約期間となります。
フロントエンド コードは次のとおりです:
nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <meta> <title> 提交预约日期 </title> <style> .title{color:#FF0000;} .topic{font-size:18px; font-weight:bold;} </style> <script></script> <script> function fsubmit(){ var timetable = []; $("#myform input[type=checkbox]").each(function(){ if(this.checked){ timetable.push($(this).val()); } }); if(timetable.length==0){ alert('请选择预约时间'); return false; } $.post("http://localhost/server.php",{timetable:timetable}).done(function(data){ if(data['success']==true){ alert('提交成功'); }else{ alert('提交失败'); } }); } </script> <p>请选择预约时间:</p>
バックエンド コードは次のとおりです:
<?php $data = $_POST['timetable']; file_put_contents('timetable.log', json_encode($data)); header('content-type:applicaiton/json;charset=utf8');echo json_encode(array('success'=>true));?>
たとえば、ユーザーの 3 日間の予約データを送信するには、すべての期間の予約 (すべてを選択)
バックエンドによって受信されるリクエスト データは次のとおりです:
["2015-05-28 00:00:00","2015-05-28 01:00:00","2015-05-28 02:00:00","2015-05-28 03:00:00","2015-05-28 04:00:00","2015-05-28 05:00:00","2015-05-28 06:00:00","2015-05-28 07:00:00","2015-05-28 08:00:00","2015-05-28 09:00:00","2015-05-28 10:00:00","2015-05-28 11:00:00","2015-05-28 12:00:00","2015-05-28 13:00:00","2015-05-28 14:00:00","2015-05-28 15:00:00","2015-05-28 16:00:00","2015-05-28 17:00:00","2015-05-28 18:00:00","2015-05-28 19:00:00","2015-05-28 20:00:00","2015-05-28 21:00:00","2015-05-28 22:00:00","2015-05-28 23:00:00","2015-05-29 00:00:00","2015-05-29 01:00:00","2015-05-29 02:00:00","2015-05-29 03:00:00","2015-05-29 04:00:00","2015-05-29 05:00:00","2015-05-29 06:00:00","2015-05-29 07:00:00","2015-05-29 08:00:00","2015-05-29 09:00:00","2015-05-29 10:00:00","2015-05-29 11:00:00","2015-05-29 12:00:00","2015-05-29 13:00:00","2015-05-29 14:00:00","2015-05-29 15:00:00","2015-05-29 16:00:00","2015-05-29 17:00:00","2015-05-29 18:00:00","2015-05-29 19:00:00","2015-05-29 20:00:00","2015-05-29 21:00:00","2015-05-29 22:00:00","2015-05-29 23:00:00","2015-05-30 00:00:00","2015-05-30 01:00:00","2015-05-30 02:00:00","2015-05-30 03:00:00","2015-05-30 04:00:00","2015-05-30 05:00:00","2015-05-30 06:00:00","2015-05-30 07:00:00","2015-05-30 08:00:00","2015-05-30 09:00:00","2015-05-30 10:00:00","2015-05-30 11:00:00","2015-05-30 12:00:00","2015-05-30 13:00:00","2015-05-30 14:00:00","2015-05-30 15:00:00","2015-05-30 16:00:00","2015-05-30 17:00:00","2015-05-30 18:00:00","2015-05-30 19:00:00","2015-05-30 20:00:00","2015-05-30 21:00:00","2015-05-30 22:00:00","2015-05-30 23:00:00"]
Request data content- length:2879
このメソッドを使用してより大きなデータ容量をリクエストすると、応答時間に影響します。
改善方法 1: DateTime 形式の時刻をタイムスタンプに変換して送信する
フロントエンド コードを次のように変更します。 JavaScript の fsubmit メソッド
<script type="text/javascript"> function fsubmit(){ var timetable = []; $("#myform input[type=checkbox]").each(function(){ if(this.checked){ // 把时间转为时间戳 var time = $(this).val(); var timestamp = Date.parse(new Date(time)); timestamp = timestamp / 1000; timetable.push(timestamp); } }); if(timetable.length==0){ alert('请选择预约时间'); return false; } $.post("http://localhost/server.php",{timetable:timetable}).done(function(data){ if(data['success']==true){ alert('提交成功'); }else{ alert('提交失败'); } }); } </script>
バックエンドによって受信されたリクエスト データは次のとおりです:
["1432742400","1432746000","1432749600","1432753200","1432756800","1432760400","1432764000","1432767600","1432771200","1432774800","1432778400","1432782000","1432785600","1432789200","1432792800","1432796400","1432800000","1432803600","1432807200","1432810800","1432814400","1432818000","1432821600","1432825200","1432828800","1432832400","1432836000","1432839600","1432843200","1432846800","1432850400","1432854000","1432857600","1432861200","1432864800","1432868400","1432872000","1432879200","1432882800","1432886400","1432890000","1432893600","1432897200","1432900800","1432904400","1432908000","1432911600","1432915200","1432918800","1432922400","1432926000","1432929600","1432933200","1432936800","1432940400","1432944000","1432947600","1432951200","1432954800","1432958400","1432962000","1432965600","1432969200","1432972800","1432976400","1432980000","1432983600","1432987200","1432990800","1432994400","1432998000"]
#リクエスト データのコンテンツ長:
タイムスタンプを受信した後、バックエンドはタイムスタンプを日時形式に変換して使用できます
改善方法 2: 32-各時間に変換するビット整数変数 32 ビット整数の 1 つとして、
期間と 32 ビット整数の間の対応関係は、右から左に始まる
です: 00:00 、01:00、02:00、03:00 など、選択した期間がある場合は 1 になり、それ以外の場合は 0
になります。たとえば、次のようにする必要があります。 2016-05-28 の 10:00、12:00、14:00 、16:00、18:00
0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 1 0 1 0 1 0 1 0 0 0 0 0 0 0 0 0 0 忽略 忽略 忽略 忽略 忽略 忽略 忽略 忽略 23 22 21 20 19 18 17 16 15 14 13 12 11 10 09 08 07 06 05 04 03 02 01 00
の予約は、32 ビット バイナリで
1010101010000000000 と表現されます。つまり、10 進数 349184 = 2 の 10 乗 2 の 12 乗 2 14 倍 2 の 16 乗 2 の 18 乗 フロントエンド コードは次のように変更されます。
JavaScript の fsubmit メソッドを変更します <script type="text/javascript">
function fsubmit(){
var timetable = []; var tmp = {};
$("#myform input[type=checkbox]").each(function(){
if(this.checked){ // 拆分日期与时间
var datetime = $(this).val(); var datetime = datetime.split(' '); var day = datetime[0]; var time = parseInt(datetime[1].substring(0,2)); // 创建日期与时间数组
if(typeof(tmp[day])=='undefined'){
tmp[day] = [];
}
tmp[day].push(time);
}
}); // 合拼数据,转换格式
for(day in tmp){ // 根据数据集合,合拼,创建10进制数据
var time = tmp[day]; var timeint = 0; for(var i=0; i<time.length; i++){
timeint += Math.pow(2,time[i]);
}
timetable.push(day+' '+timeint);
} if(timetable.length==0){
alert('请选择预约时间'); return false;
}
$.post("http://localhost/server.php",{timetable:timetable}).done(function(data){
if(data['success']==true){
alert('提交成功');
}else{
alert('提交失败');
}
});
} </script>
["2015-05-28 16777215","2015-05-29 16777215","2015-05-30 16777215"]
# #Request data content-length:107
このメソッドを使用すると、1 日にいくつの予約期間が選択されても、レコードは 1 つだけになります。これにより、送信されるデータのサイズが大幅に削減されます。
10 進数を時間に変換するバックエンド メソッド:
1. 10 進数を 2 進数に変換し、各ビットをループして 1# を記録します。 ##3. レコードを保存します##コードは次のとおりです:#
<?php$datetime = '2015-05-28 1398016';list($day, $time) = explode(' ', $datetime);$bintime = decbin($time);$bintime = strrev($bintime);$result = array();for($i=0,$len=strlen($bintime); $i<$len; $i++){ if(substr($bintime, $i, 1)==1){ $result[] = $day.' '.str_pad($i, 2, '0', STR_PAD_LEFT).':00:00'; } } print_r($result);?>
##出力:
#
Array( [0] => 2015-05-28 08:00:00 [1] => 2015-05-28 10:00:00 [2] => 2015-05-28 12:00:00 [3] => 2015-05-28 14:00:00 [4] => 2015-05-28 16:00:00 [5] => 2015-05-28 18:00:00 [6] => 2015-05-28 20:00:00)
概要: この記事では、大容量のデータを小容量のデータ通信に変換する方法を紹介しますが、操作を追加する必要があります。したがって、実際の開発においては、時間と空間、または空間と時間を交換するアルゴリズムが適切であるかどうかを実際のニーズに基づいて判断する必要があります。 この記事では、クライアントがサーバー インターフェイスを呼び出すように最適化してリクエスト データ容量を削減する方法について説明します。関連コンテンツの詳細については、PHP 中国語 Web サイトを参照してください。
関連する推奨事項:
rand() による mysql 順序の効率最適化方法
php 開始日と終了日を取得する指定された数値からランダムな組み合わせを取得する#
以上がサーバー インターフェイスへのクライアント呼び出しを最適化して、リクエスト データ容量を削減します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ホット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)

ホットトピック









PHP 8.4 では、いくつかの新機能、セキュリティの改善、パフォーマンスの改善が行われ、かなりの量の機能の非推奨と削除が行われています。 このガイドでは、Ubuntu、Debian、またはその派生版に PHP 8.4 をインストールする方法、または PHP 8.4 にアップグレードする方法について説明します。

CakePHP は、PHP 用のオープンソース フレームワークです。これは、アプリケーションの開発、展開、保守をより簡単にすることを目的としています。 CakePHP は、強力かつ理解しやすい MVC のようなアーキテクチャに基づいています。モデル、ビュー、コントローラー

ファイルのアップロードを行うには、フォーム ヘルパーを使用します。ここではファイルアップロードの例を示します。

CakePHP へのログインは非常に簡単な作業です。使用する関数は 1 つだけです。 cronjob などのバックグラウンド プロセスのエラー、例外、ユーザー アクティビティ、ユーザーが実行したアクションをログに記録できます。 CakePHP でのデータのログ記録は簡単です。 log()関数が提供されています

Visual Studio Code (VS Code とも呼ばれる) は、すべての主要なオペレーティング システムで利用できる無料のソース コード エディター (統合開発環境 (IDE)) です。 多くのプログラミング言語の拡張機能の大規模なコレクションを備えた VS Code は、

CakePHP はオープンソースの MVC フレームワークです。これにより、アプリケーションの開発、展開、保守がはるかに簡単になります。 CakePHP には、最も一般的なタスクの過負荷を軽減するためのライブラリが多数あります。
