【问题标题】:What is the best practice for passing large amounts of client side data to the server?将大量客户端数据传递到服务器的最佳实践是什么?
【发布时间】:2011-10-14 22:25:41
【问题描述】:

我在客户端有很多由大型数组组成的数据,我需要将这些信息返回到服务器并能够轻松解析它。我在前端使用 jQuery,在后端使用 PHP (CodeIgniter)。

现在我只是使用 jQuery $.post 发布一个巨大的数组。这是个好主意还是我应该使用几个较小的?

另外,我应该使用 jQuery 的 ajax 方法还是有比这更好的方法?

【问题讨论】:

  • 您的“大型阵列”有多大?
  • 最多可以有1000个元素

标签: jquery client-side-data


【解决方案1】:

最大帖子大小将由服务器的 PHP.INI 文件中的post_max_size 设置控制。默认设置为 8MB,这是用于发布数据的大量空间。请记住,可能还有其他因素会影响该限制(memory_limit 等)。

简而言之,如果您的 1000 个元素的大小非常小,那么使用 jQuery 进行常规发布可能就足够了。

【讨论】:

    【解决方案2】:

    如果您可以将所有数据合并到一篇文章中,那绝对是可行的方法。浏览器,尤其是 IE (gag),当您对同一服务器的同时 XHRequest 数量超过太多时,将会阻塞。一次太多通常意味着超过 2 个。

    基本上,将数据发送到服务器的最佳实践可以概括为:“在尽可能少的请求中尽可能少”。如何构建数据由您决定。

    如果您确实通过 jQuery 发送了很多内容,请考虑使用类似 jsend(用于压缩的 jQuery 插件,以及用于解压缩的 PHP 对应插件)之类的东西对其进行压缩。

    【讨论】:

      【解决方案3】:

      也许您可以尝试压缩您的数据,然后再将其发送到服务器。 看看这个帖子:JavaScript implementation of Gzip

      【讨论】:

        【解决方案4】:

        达林在这里回答了类似的问题:Sending large data to server

        使用 POST HTTP 动词而不是 GET:

        $.ajax({
            url: '/foo',
            type: 'POST',
            data: { value: someVariableThatCouldBeHuge },
            success: function(result) {
                // TODO: process the results
            }
        });
        

        或等效的:

        $.post('/foo', { value: someVariableThatCouldBeHuge }, function(result) {
            // TODO: process the results
        });
        

        Pekka 建议如果 post 不是一个选项,则将数据序列化并分成块:Sending a large parametrized data set as a GET request

        【讨论】:

        • 这正是我正在做的。
        【解决方案5】:

        你可以使用FormData:

        var formData = new FormData();
        formData.append('filename', filename);
        formData.append('data', data);
        $.ajax({
            url: "FileUploadServlet",
            type: "POST",
            data: formData,
            cache: false,
            contentType: false,
            processData: false});
        

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 2011-02-13
          • 1970-01-01
          • 2020-08-15
          • 2011-01-24
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          相关资源
          最近更新 更多