요청 데이터 용량을 줄이기 위해 서버 인터페이스에 대한 클라이언트 호출 최적화

jacklove
풀어 주다: 2023-03-31 06:28:01
원래의
1476명이 탐색했습니다.

프로젝트 필요로 인해 향후 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(&#39;请选择预约时间&#39;);
            return false;
        }
        $.post("http://localhost/server.php",{timetable:timetable}).done(function(data){            if(data[&#39;success&#39;]==true){
                alert(&#39;提交成功&#39;);                
            }else{
                alert(&#39;提交失败&#39;);
            }
        });
    }
  </script>
 
 
  <p>请选择预约时间:</p>
  
로그인 후 복사
    

2015-05-28:

    

       00:00        01:00        02:00        03:00        04:00        05:00        06:00        07:00        08:00        09:00        10:00        11:00     

    

       12:00        13:00        14:00        15:00        16:00        17:00        18:00        19:00        20:00        21:00        22:00        23:00     

    

2015-05-29:

    

       00:00        01:00        02:00        03:00        04:00        05:00        06:00        07:00        08:00        09:00        10:00        11:00     

    

       12:00        13:00        14:00        15:00        16:00        17:00        18:00        19:00        20:00        21:00        22:00        23:00     

    

2015-05-30:

    

       00:00        01:00        02:00        03:00        04:00        05:00        06:00        07:00        08:00        09:00        10:00        11:00     

    

       12:00        13:00        14:00        15:00        16:00        17:00        18:00        19:00        20:00        21:00        22:00        23:00     

    

  
 

백엔드 코드는 다음과 같습니다.

<?php $data = $_POST[&#39;timetable&#39;];
file_put_contents(&#39;timetable.log&#39;, json_encode($data));
header(&#39;content-type:applicaiton/json;charset=utf8&#39;);echo json_encode(array(&#39;success&#39;=>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"]
로그인 후 복사

요청 데이터 용량을 줄이기 위해 서버 인터페이스에 대한 클라이언트 호출 최적화

요청 데이터 내용 길이:2879

이 방법을 사용하여 더 큰 데이터 용량을 요청하면 응답 시간에 영향을 미칩니다.

개선 방법 1: 제출 전 DateTime 형식의 시간을 타임스탬프로 변환합니다.

프론트엔드 코드는 다음과 같이 수정됩니다. 자바스크립트 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(&#39;请选择预约时间&#39;);            return false;
        }

        $.post("http://localhost/server.php",{timetable:timetable}).done(function(data){
            if(data[&#39;success&#39;]==true){
                alert(&#39;提交成功&#39;);                
            }else{
                alert(&#39;提交失败&#39;);
            }
        });

    }  </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"]
로그인 후 복사

요청 데이터 용량을 줄이기 위해 서버 인터페이스에 대한 클라이언트 호출 최적화

요청 데이터 내용 길이:1916

수신 후 백엔드는 타임스탬프를 날짜/시간 형식으로 변환하여 사용할 수 있습니다.

개선 방법 2: 32비트 정수 사용 변수를 사용하여 매 시간을 32로 처리합니다. 비트 정수 중 하나를 사용하여 저장합니다.

마침표와 32비트 정수의 대응 관계는
오른쪽에서 왼쪽으로 00:00,01:00,02:00입니다. ,03:00 등이 있는 경우 선택한 시간대는 1, 그렇지 않은 경우는 0

예: 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
로그인 후 복사

2016-05-28, 32비트 바이너리 사용 1010101010000000000 즉, 10진수 349184 = 2의 10승 + 2의 12승 + 2의 14승 + 2의 16승 + 2의 18승
프런트엔드 코드는 다음과 같이 수정됩니다. 자바스크립트 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(&#39; &#39;);                var day = datetime[0];                var time = parseInt(datetime[1].substring(0,2));                // 创建日期与时间数组
                if(typeof(tmp[day])==&#39;undefined&#39;){
                    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+&#39; &#39;+timeint);
        }        if(timetable.length==0){
            alert(&#39;请选择预约时间&#39;);            return false;
        }

        $.post("http://localhost/server.php",{timetable:timetable}).done(function(data){
            if(data[&#39;success&#39;]==true){
                alert(&#39;提交成功&#39;);
            }else{
                alert(&#39;提交失败&#39;);
            }
        });

    }  </script>
로그인 후 복사

백엔드에서 받은 요청 데이터는 다음과 같습니다

["2015-05-28 16777215","2015-05-29 16777215","2015-05-30 16777215"]
로그인 후 복사

요청 데이터 용량을 줄이기 위해 서버 인터페이스에 대한 클라이언트 호출 최적화

요청 데이터 내용 길이:107

이 방법을 사용하면 하루에 예약 시간을 아무리 선택해도 기록이 하나만 남게 되므로 제출되는 데이터의 크기가 크게 줄어듭니다.
십진수를 시간으로 변환하는 백엔드 방법:
1. 십진수를 이진수로 변환하고 역으로 변환합니다.
2. 각 숫자를 반복하여 1의 값을 기록합니다.

코드는 다음과 같습니다. :

<?php$datetime = &#39;2015-05-28 1398016&#39;;list($day, $time) = explode(&#39; &#39;, $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.&#39; &#39;.str_pad($i, 2, &#39;0&#39;, STR_PAD_LEFT).&#39;:00:00&#39;;
    }
}
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 중국어 웹사이트를 참조하세요.

관련 권장 사항:

mysql order by rand() 효율성 최적화 방법

php 시작 날짜와 종료 날짜 사이의 모든 날짜 가져오기

php 방법으로 지정된 숫자에서 무작위 조합 가져오기

위 내용은 요청 데이터 용량을 줄이기 위해 서버 인터페이스에 대한 클라이언트 호출 최적화의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿