I have a simple web page with a form that gets submitted via ajax using jquery. The form works fine when submitting it on a desktop browser, but the form gets an error when submitted using Chrome on a mobile device that has the "chrome data pression proxy" feature enabled.

I get the following error message:

This page cannot be loaded via the "chrome data pression proxy. Try reloading this page.

After doing a bit of searching around, there are a few "similar" questions like this one and more notably this one, but neither quite help me.

The seconds question is supposedly answered by the lead of the "Chrome data pression proxy" I've tried the suggestion in the second questions answer which is to set the Cache-Control header to no-transform. But that made no difference.

Has anyone had similar issues and have a work around for this?

This is the code I'm using to submit the form:

$.ajax({
    type : "POST",
    url : "services/users/changePasswordUsingToken",
    data : {
        'token' : token,
        'md5pwd' : md5pwd
    },
    headers : {
        'Cache-Control': 'no-transform'
    },
    success : function(response, textStatus, xhr) {
        ...
    },
    error : function(xhr, status, error) {
        alert(xhr.responseText); //This page cannot be loaded via the "chrome data pression proxy. Try reloading this page.
    ...
});

I have a simple web page with a form that gets submitted via ajax using jquery. The form works fine when submitting it on a desktop browser, but the form gets an error when submitted using Chrome on a mobile device that has the "chrome data pression proxy" feature enabled.

I get the following error message:

This page cannot be loaded via the "chrome data pression proxy. Try reloading this page.

After doing a bit of searching around, there are a few "similar" questions like this one and more notably this one, but neither quite help me.

The seconds question is supposedly answered by the lead of the "Chrome data pression proxy" I've tried the suggestion in the second questions answer which is to set the Cache-Control header to no-transform. But that made no difference.

Has anyone had similar issues and have a work around for this?

This is the code I'm using to submit the form:

$.ajax({
    type : "POST",
    url : "services/users/changePasswordUsingToken",
    data : {
        'token' : token,
        'md5pwd' : md5pwd
    },
    headers : {
        'Cache-Control': 'no-transform'
    },
    success : function(response, textStatus, xhr) {
        ...
    },
    error : function(xhr, status, error) {
        alert(xhr.responseText); //This page cannot be loaded via the "chrome data pression proxy. Try reloading this page.
    ...
});

• javascript
• jquery
• ajax
• google-chrome
• mobile-chrome

• I have the same problem, hope for an answer! – Alfred Huang Commented Jun 19, 2014 at 8:49
• I think the "Cache-Control" header needs to be set on the server, rather than in the JavaScript. – Eddie Sullivan Commented Jun 27, 2014 at 18:01
• @EddieSullivan, Cache-Control is available on both sides. It allows the client to request that none of the proxies/intermediate caches transform the data before it reaches the server. w3/Protocols/rfc2616/rfc2616-sec14.html#sec14.9.5 – Alexis Wilke Commented Mar 28, 2016 at 5:05

2 Answers 2

I'm the tech lead for the Chrome pression proxy.

This error message is sent when the proxy can't access the site for some reason - e.g., a DNS resolution error, or if the site is not on the public Internet (e.g., an intranet). Normally, for GET requests the browser would be able to reload the URL automatically without using the proxy, but this is not possible with POST.

Can you provide some more details on where this site is hosted and whether it's behind a private network? I've seen a couple of reports of this and I'd like to e up with a general solution. Thanks.

I had the same problem by accessing local server from mobile by machine name, like: http://scabbiaza.local:3000

Started using access by IP and got rid off this issue.