Json – How to compress web service response json in ajax call

ajaxcompressionjsonweb services

I am using asmx web service and calling it through ajax as


        $.ajax({
        url: 'xxxxxxx.asmx/Getxxxxxxxx',
        method: 'post',
        contentType: 'application/json; charset=utf-8',
        dataType: 'json',
        success: function (data) {
            $(data.d).each(function (index, category) {

My service returns a list of objects. I was reading on how to compress the response of a web service and it seems to me that to do this I need to override the GetWebRequest method and use Gzip/Deflate (in a class derived from web service proxy class).

The next step would be to use an instance of this class (which overrides GetWebRequest) and use this in application.

Since, I am using ajax call, I am not sure how to use this instance of class which overrides GetWebRequest method.

Thank you.

Best Answer

In order to send the compressed response to client, from your web-service, you must be using content-encoding field and set its value to compress.

   content-encoding: gzip

But, before that you must check the value of "Accept-Encoding" header send by client. The possible values for this header is

   Accept-Encoding: compress, gzip
   Accept-Encoding:
   Accept-Encoding: *
   Accept-Encoding: compress;q=0.5, gzip;q=1.0
   Accept-Encoding: gzip;q=1.0, identity; q=0.5, *;q=0

The above mentioned guidelines are applicable, irrespective of whatever language/technology you are using.

For more information of HTTP protocol headers, refer to

https://www.w3.org/Protocols/rfc2616/rfc2616-sec14.html

EDIT

"Accept-Encoding" request header must be set in your ajax request. You can do that, by setting "headers" in your ajax request as follow :

  $.ajax({
    url: 'xxxxxxx.asmx/Getxxxxxxxx',
    method: 'post',
    contentType: 'application/json; charset=utf-8',
    dataType: 'json',
    headers: {
       "My-First-Header":"first value",
       "My-Second-Header":"second value"
    }
    success: function (data) {}
  });

Related Solutions

Javascript – How to manage a redirect request after a jQuery Ajax call

I read this question and implemented the approach that has been stated regarding setting the response HTTP status code to 278 in order to avoid the browser transparently handling the redirects. Even though this worked, I was a little dissatisfied as it is a bit of a hack.

After more digging around, I ditched this approach and used JSON. In this case, all responses to AJAX requests have the status code 200 and the body of the response contains a JSON object that is constructed on the server. The JavaScript on the client can then use the JSON object to decide what it needs to do.

I had a similar problem to yours. I perform an AJAX request that has 2 possible responses: one that redirects the browser to a new page and one that replaces an existing HTML form on the current page with a new one. The jQuery code to do this looks something like:

$.ajax({
    type: "POST",
    url: reqUrl,
    data: reqBody,
    dataType: "json",
    success: function(data, textStatus) {
        if (data.redirect) {
            // data.redirect contains the string URL to redirect to
            window.location.href = data.redirect;
        } else {
            // data.form contains the HTML for the replacement form
            $("#myform").replaceWith(data.form);
        }
    }
});

The JSON object "data" is constructed on the server to have 2 members: data.redirect and data.form. I found this approach to be much better.

Jquery – How to format a Microsoft JSON date

eval() is not necessary. This will work fine:

var date = new Date(parseInt(jsonDate.substr(6)));

The substr() function takes out the /Date( part, and the parseInt() function gets the integer and ignores the )/ at the end. The resulting number is passed into the Date constructor.

I have intentionally left out the radix (the 2nd argument to parseInt); see my comment below.

Also, I completely agree with Rory's comment: ISO-8601 dates are preferred over this old format - so this format generally shouldn't be used for new development.

For ISO-8601 formatted JSON dates, just pass the string into the Date constructor:

var date = new Date(jsonDate); //no ugly parsing needed; full timezone support

Best Answer

Related Solutions

Javascript – How to manage a redirect request after a jQuery Ajax call

Jquery – How to format a Microsoft JSON date

Related Topic