使用 GZIP、JSON 响应和 JQuery

Posted

技术标签:

【中文标题】使用 GZIP、JSON 响应和 JQuery【英文标题】:Use GZIP, JSON responses and JQuery 【发布时间】:2010-10-16 22:11:49 【问题描述】:

但是,我想尽可能使用 GZIP 压缩我的回复。我尝试使用可在 headfirst 站点免费下载的Compression filter code。它适用于 html、图像、css 和 javascript

我接下来发布过滤器。它检查 GZIP 是否是可接受的编码,并将 gzip 添加为 Content-Encoding。见:wrappedResp.setHeader("Content-Encoding", "gzip");

public class CompressionFilter implements Filter 

  private ServletContext ctx;
  private FilterConfig cfg;

    /**
     * The init method saves the config object and a quick reference to the
     * servlet context object (for logging purposes).
     */
  public void init(FilterConfig cfg) 
     throws ServletException 
    this.cfg = cfg;
    ctx = cfg.getServletContext();
    //ctx.log(cfg.getFilterName() + " initialized.");
  

        /**
         * The heart of this filter wraps the response object with a Decorator
         * that wraps the output stream with a compression I/O stream.
         * Compression of the output stream is only performed if and only if
         * the client includes an Accept-Encoding header (specifically, for gzip).
         */
      public void doFilter(ServletRequest req,
                   ServletResponse resp,
                   FilterChain fc)
         throws IOException, ServletException 
        HttpServletRequest request = (HttpServletRequest) req;
        HttpServletResponse response = (HttpServletResponse) resp;

        // Dose the client accept GZIP compression?
        String valid_encodings = request.getHeader("Accept-Encoding");
        if ( (valid_encodings != null) && (valid_encodings.indexOf("gzip") > -1) ) 

          // Then wrap the response object with a compression wrapper
          // We'll look at this class in a minute.
          CompressionResponseWrapper wrappedResp = new CompressionResponseWrapper(response);

          // Declare that the response content is being GZIP encoded.
          wrappedResp.setHeader("Content-Encoding", "gzip");

          // Chain to the next component (thus processing the request)
          fc.doFilter(request, wrappedResp);

          // A GZIP compression stream must be "finished" which also
          // flushes the GZIP stream buffer which sends all of its
          // data to the original response stream.
          GZIPOutputStream gzos = wrappedResp.getGZIPOutputStream();
          gzos.finish();
          // The container handles the rest of the work.

          //ctx.log(cfg.getFilterName() + ": finished the request.");

         else 
          fc.doFilter(request, response);
          //ctx.log(cfg.getFilterName() + ": no encoding performed.");
           
      

      public void destroy() 
          // nulling out my instance variables
          cfg = null;
          ctx = null;
      
    

我正在使用下一个代码在 Struts Web 应用程序中发送 JSON 响应。

public ActionForward get(ActionMapping mapping,
    ActionForm     form,
    HttpServletRequest request,
    HttpServletResponse response) 
       JSONObject json = // Do some logic here
       RequestUtils.populateWithJSON(response, json);
       return null;         


public static void populateWithJSON(HttpServletResponse response,JSONObject json) 
    if(json!=null) 
        response.setContentType("text/x-json;charset=UTF-8");       
        response.setHeader("Cache-Control", "no-cache");
        try 
             response.getWriter().write(json.toString());
         catch (IOException e) 
            throw new ApplicationException("IOException in populateWithJSON", e);
                       
    
 

没有压缩也可以正常工作,但是如果我压缩 JSON 响应,我就看不到我的 JSON 对象了。我使用带有代码 sn-ps 的 JQuery 处理 JSON Ajax 调用,如下所示:

    $.post(url,parameters, function(json) 
    // Do some DOM manipulation with the data contained in the JSON Object
, "json");

如果我看到 Firebug 的响应,它是空的。

我应该折射我的压缩过滤器以跳过 JSON 响应中的压缩吗?还是有解决方法?

对我来说,JQuery 似乎无法将响应识别为 JSON,因为我正在添加 Gzip 压缩。

【问题讨论】:

如果您在没有压缩部分的情况下运行代码,它是否成功通过响应? 是的,涉及 JSON 的一切工作都可以在没有压缩的情况下正常工作 您找到解决方案了吗?我有类似的未解决问题。如果您能发布您的答案,那就太好了。 【参考方案1】:

如果我看到 Firebug 的响应 是空的。

这是你的线索 - 这不是 JQuery 问题,它是服务器端的。 (恐怕我帮不了你,只能建议你不要再看客户端了)

压缩 ajax 响应没有问题 - 如果您在 Firebug 中看不到响应,那么 JQuery 也看不到它。

【讨论】:

可以在服务器之后客户端之前吗?某些网络元素造成的问题?【参考方案2】:

如果要压缩,则必须再添加一个标题“content-encoding: gzip”。

【讨论】:

【参考方案3】:

您是否尝试过使用显式的基于 java 的客户端来确保它是 jQuery 或浏览器的问题?如果java客户端失败,服务器响应有问题。

但我猜虽然浏览器可以处理直接请求的解压缩,但这可能不适用于 Ajax 调用。

这是一个有趣的问题,我希望我们能得到一个更明确的答案。 :)

【讨论】:

以上是关于使用 GZIP、JSON 响应和 JQuery的主要内容,如果未能解决你的问题,请参考以下文章

使用 HttpClient、REST 和 gzip 读取 JSON

从 HTTPClient 响应中解压 GZip 流

在 IIS8 中使用 Gzip 进行 Json HTTP 压缩

使用Gzip压缩数据,加快页面访问速度

jQueryjQ处理xml文件和xml字符串

使用 Spring WebClient 解码内容编码 gzip