微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > 后端开发 > php教程 > 正文

优化客户端调用服务端接口减少请求数据容量

jacklove
发布： 2018-06-09 09:09:52
原创
1608人浏览过

因项目需要，需要记录用户未来3天的预约时间，每个预约时段为1小时。

例如：00:00:00～00:59:59 或 01:00:00～01:59:59 等为一个预约时段

前端代码如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
 <head>
  <meta http-equiv="content-type" content="text/html;charset=utf-8">
  <title> 提交预约日期 </title>
  <style type="text/css">
  .title{color:#FF0000;}
  .topic{font-size:18px; font-weight:bold;}
  </style>
  <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
  <script type="text/javascript">    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>
 </head>
 <body>
  <p class="topic">请选择预约时间：</p>
  <form name="form1" id="myform" method="post" onsubmit="return false">
    <p class="title">2015-05-28:</p>
    <p>
      <input type="checkbox" name="timetable" value="2015-05-28 00:00:00"> 00:00
      <input type="checkbox" name="timetable" value="2015-05-28 01:00:00"> 01:00
      <input type="checkbox" name="timetable" value="2015-05-28 02:00:00"> 02:00
      <input type="checkbox" name="timetable" value="2015-05-28 03:00:00"> 03:00
      <input type="checkbox" name="timetable" value="2015-05-28 04:00:00"> 04:00
      <input type="checkbox" name="timetable" value="2015-05-28 05:00:00"> 05:00
      <input type="checkbox" name="timetable" value="2015-05-28 06:00:00"> 06:00
      <input type="checkbox" name="timetable" value="2015-05-28 07:00:00"> 07:00
      <input type="checkbox" name="timetable" value="2015-05-28 08:00:00"> 08:00
      <input type="checkbox" name="timetable" value="2015-05-28 09:00:00"> 09:00
      <input type="checkbox" name="timetable" value="2015-05-28 10:00:00"> 10:00
      <input type="checkbox" name="timetable" value="2015-05-28 11:00:00"> 11:00
    </p>
    <p>
      <input type="checkbox" name="timetable" value="2015-05-28 12:00:00"> 12:00
      <input type="checkbox" name="timetable" value="2015-05-28 13:00:00"> 13:00
      <input type="checkbox" name="timetable" value="2015-05-28 14:00:00"> 14:00
      <input type="checkbox" name="timetable" value="2015-05-28 15:00:00"> 15:00
      <input type="checkbox" name="timetable" value="2015-05-28 16:00:00"> 16:00
      <input type="checkbox" name="timetable" value="2015-05-28 17:00:00"> 17:00
      <input type="checkbox" name="timetable" value="2015-05-28 18:00:00"> 18:00
      <input type="checkbox" name="timetable" value="2015-05-28 19:00:00"> 19:00
      <input type="checkbox" name="timetable" value="2015-05-28 20:00:00"> 20:00
      <input type="checkbox" name="timetable" value="2015-05-28 21:00:00"> 21:00
      <input type="checkbox" name="timetable" value="2015-05-28 22:00:00"> 22:00
      <input type="checkbox" name="timetable" value="2015-05-28 23:00:00"> 23:00
    </p>
    <p class="title">2015-05-29:</p>
    <p>
      <input type="checkbox" name="timetable" value="2015-05-29 00:00:00"> 00:00
      <input type="checkbox" name="timetable" value="2015-05-29 01:00:00"> 01:00
      <input type="checkbox" name="timetable" value="2015-05-29 02:00:00"> 02:00
      <input type="checkbox" name="timetable" value="2015-05-29 03:00:00"> 03:00
      <input type="checkbox" name="timetable" value="2015-05-29 04:00:00"> 04:00
      <input type="checkbox" name="timetable" value="2015-05-29 05:00:00"> 05:00
      <input type="checkbox" name="timetable" value="2015-05-29 06:00:00"> 06:00
      <input type="checkbox" name="timetable" value="2015-05-29 07:00:00"> 07:00
      <input type="checkbox" name="timetable" value="2015-05-29 08:00:00"> 08:00
      <input type="checkbox" name="timetable" value="2015-05-29 09:00:00"> 09:00
      <input type="checkbox" name="timetable" value="2015-05-29 10:00:00"> 10:00
      <input type="checkbox" name="timetable" value="2015-05-29 11:00:00"> 11:00
    </p>
    <p>
      <input type="checkbox" name="timetable" value="2015-05-29 12:00:00"> 12:00
      <input type="checkbox" name="timetable" value="2015-05-29 13:00:00"> 13:00
      <input type="checkbox" name="timetable" value="2015-05-29 14:00:00"> 14:00
      <input type="checkbox" name="timetable" value="2015-05-29 15:00:00"> 15:00
      <input type="checkbox" name="timetable" value="2015-05-29 16:00:00"> 16:00
      <input type="checkbox" name="timetable" value="2015-05-29 17:00:00"> 17:00
      <input type="checkbox" name="timetable" value="2015-05-29 18:00:00"> 18:00
      <input type="checkbox" name="timetable" value="2015-05-29 19:00:00"> 19:00
      <input type="checkbox" name="timetable" value="2015-05-29 20:00:00"> 20:00
      <input type="checkbox" name="timetable" value="2015-05-29 21:00:00"> 21:00
      <input type="checkbox" name="timetable" value="2015-05-29 22:00:00"> 22:00
      <input type="checkbox" name="timetable" value="2015-05-29 23:00:00"> 23:00
    </p>
    <p class="title">2015-05-30:</p>
    <p>
      <input type="checkbox" name="timetable" value="2015-05-30 00:00:00"> 00:00
      <input type="checkbox" name="timetable" value="2015-05-30 01:00:00"> 01:00
      <input type="checkbox" name="timetable" value="2015-05-30 02:00:00"> 02:00
      <input type="checkbox" name="timetable" value="2015-05-30 03:00:00"> 03:00
      <input type="checkbox" name="timetable" value="2015-05-30 04:00:00"> 04:00
      <input type="checkbox" name="timetable" value="2015-05-30 05:00:00"> 05:00
      <input type="checkbox" name="timetable" value="2015-05-30 06:00:00"> 06:00
      <input type="checkbox" name="timetable" value="2015-05-30 07:00:00"> 07:00
      <input type="checkbox" name="timetable" value="2015-05-30 08:00:00"> 08:00
      <input type="checkbox" name="timetable" value="2015-05-30 09:00:00"> 09:00
      <input type="checkbox" name="timetable" value="2015-05-30 10:00:00"> 10:00
      <input type="checkbox" name="timetable" value="2015-05-30 11:00:00"> 11:00
    </p>
    <p>
      <input type="checkbox" name="timetable" value="2015-05-30 12:00:00"> 12:00
      <input type="checkbox" name="timetable" value="2015-05-30 13:00:00"> 13:00
      <input type="checkbox" name="timetable" value="2015-05-30 14:00:00"> 14:00
      <input type="checkbox" name="timetable" value="2015-05-30 15:00:00"> 15:00
      <input type="checkbox" name="timetable" value="2015-05-30 16:00:00"> 16:00
      <input type="checkbox" name="timetable" value="2015-05-30 17:00:00"> 17:00
      <input type="checkbox" name="timetable" value="2015-05-30 18:00:00"> 18:00
      <input type="checkbox" name="timetable" value="2015-05-30 19:00:00"> 19:00
      <input type="checkbox" name="timetable" value="2015-05-30 20:00:00"> 20:00
      <input type="checkbox" name="timetable" value="2015-05-30 21:00:00"> 21:00
      <input type="checkbox" name="timetable" value="2015-05-30 22:00:00"> 22:00
      <input type="checkbox" name="timetable" value="2015-05-30 23:00:00"> 23:00
    </p>
    <p><input type="submit" name="b1" onclick="fsubmit()" value="提交"></p>
  </form>
 </body>
</html>
登录后复制

后端代码如下：

<?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"]
登录后复制

这里写图片描述

请求数据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"]
登录后复制

这里写图片描述

请求数据content-length:1916

后端收到后可把时间戳转为datetime格式使用

改进方法2:使用一个32位的整型变量，把每一小时作为32位整型的其中一位来存储

时段与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"]
登录后复制

这里写图片描述

知我AI·PC客户端
知我AI·PC客户端

离线运行 AI 大模型，构建你的私有个人知识库，对话式提取文件知识，保证个人文件数据安全

知我AI·PC客户端 0
查看详情 知我AI·PC客户端

请求数据content-length:107

使用这种方法，一天不管选了多少个预约时段，都只会有一条记录，大量减少提交的数据大小。
后端把10进制转换为时间的方法：
1.把10进制转为2进制，并反转
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中文网。

相关推荐：

mysql order by rand() 效率优化方法

php 获取开始日期与结束日期之间所有日期

php 从指定数字中获取随机组合的方法

以上就是优化客户端调用服务端接口减少请求数据容量的详细内容，更多请关注php中文网其它相关文章！

相关标签：
php

大家都在看：

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。

下载
来源：php中文网
收藏 点赞
上一篇：php 获取开始日期与结束日期之间所有日期 下一篇：关于php str_getcsv把字符串解析为数组的使用方法的讲解
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
php网站内存占用过高怎么解决_php网站内存使用优化与性能提升教程 答案：优化PHP内存需从代码、配置、数据库和缓存入手。1.避免循环中累积变量，及时释放大对象，使用生成器处理大数据；2.合理设置memory_limit，启用OPcache和限制max_execution_time；3.优化查询，避免SELECT*，分页或游标读取数据，添加索引；4.使用Redis等缓存高频数据，减少重复计算。定期性能分析可有效预防内存问题。
2025-11-10 13:23:02
683
PHP字符串比较：理解区分大小写与实现不区分大小写的方法 在PHP中，使用==进行字符串比较默认是区分大小写的，这可能导致当字符串内容相同但大小写不同时，比较结果为FALSE。本文将深入探讨PHP字符串比较的默认行为，并提供多种实现不区分大小写比较的有效方法，包括利用strtolower()函数进行预处理，以及使用专门的strcasecmp()函数，帮助开发者准确处理各类字符串比较场景。
2025-11-10 13:16:01
655
PHP购物车系统：计算多维数组中商品总价的教程 本教程旨在详细讲解如何在PHP购物车系统中，从包含多个商品详情（如价格和数量）的多维数组中，高效准确地计算出所有商品的总价。我们将通过迭代数组并累加每个商品的单价，同时考虑商品数量对总价的影响，最终得到购物车内所有商品的总金额，并探讨如何存储和展示这一结果。
2025-11-10 13:15:01
394
PHP大文件处理教程：基于流式读取与回调的优化实践 处理大型文件时，传统的一次性加载或将所有数据存入数组的方式极易导致内存溢出。本文将介绍一种在PHP中高效处理大文件的策略，通过流式读取结合回调函数，实现逐行处理并即时导出数据，从而避免将整个文件加载到内存中，显著提升内存效率和处理性能，特别适用于JSON格式的日志或数据文件。
2025-11-10 13:14:24
593
Laravel 路由模型绑定：参数匹配与最佳实践 本文详细讲解了Laravel路由模型绑定中常见的问题：当路由参数名与控制器方法参数名不匹配时，模型无法正确注入。我们将探讨隐式路由模型绑定的工作原理，并提供两种关键解决方案：一是确保路由定义中的参数名与控制器方法中的类型提示变量名完全一致；二是建议在使用route()辅助函数时，通过关联数组明确指定参数，以避免潜在的混淆和错误，从而实现模型的正确传递与读取。
2025-11-10 13:13:20
586
WooCommerce：根据商品属性动态添加订单邮件收件人 本教程详细讲解如何在WooCommerce中根据订单内商品的特定属性（如变体属性）动态添加自定义邮件收件人。通过利用woocommerce_email_recipient_new_order过滤器，我们能够检查订单中的每个商品及其属性，并据此将额外的邮箱地址添加到新订单通知的收件人列表中，从而实现更精细化的订单邮件分发策略。
2025-11-10 13:13:01
901
如何在OpenCart中从含税价格中逆向计算税费和净价 针对OpenCart中从含税价格（总价）中正确逆向计算税费和商品净价的需求，本教程将详细解释为何OpenCart的默认税费计算方法不适用此场景。我们将提供一个通用的数学公式和PHP代码示例，演示如何从已知含税总价和税率中准确分离出税额和商品原价，并讨论处理混合税（如固定税和百分比税）的策略，确保计算结果的准确性。
2025-11-10 13:10:35
933
PHP数组访问的现代化实践：利用空合并运算符简化键存在性检查 在PHP开发中，频繁使用array_key_exists()进行数组键存在性检查常导致代码冗长且可读性差。本文旨在介绍如何利用PHP7.0及更高版本引入的空合并运算符（??）来大幅简化数组元素的访问，尤其是在处理可能缺失或为null的键时。通过这种现代化方法，开发者可以编写出更简洁、高效且易于维护的代码，有效避免不必要的条件判断。
2025-11-10 13:10:20
616
优化Google OAuth2同意屏幕：避免重复账户选择的教程 本文旨在解决GoogleOAuth2流程中用户可能需要重复选择账户的问题。通过深入分析login_hint参数的使用，揭示了官方文档与实际行为的差异。教程将详细指导开发者如何正确地利用用户的电子邮件地址作为login_hint，以确保在后续的授权同意（consent）流程中，用户无需再次选择账户，从而显著提升用户体验。
2025-11-10 13:09:22
686
PHP中从方法返回值动态实例化类并传递构造函数参数 本文深入探讨了在PHP中，当一个方法返回一个表示类名的字符串时，如何正确地动态实例化该类，并同时向其构造函数传递数据。文章通过具体代码示例，解释了动态实例化机制，并提供了简洁高效的解决方案，适用于构建灵活可扩展的系统架构。
2025-11-10 13:06:41
139
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部