jQuery CORS request not working when sending Range request

Question

I'm using jQuery's ajax call to make CORS request and its working if i set

var headers = {};

But since the content that i'm trying to get is rather big, i would like to send range headers.

(this is all tested and working in same domain)

So, when i do this:

var headers = {"Range":"bytes=" + start + "-" + end}; $.ajax({ url:url, type:type, headers:headers, dataType:dataType, success:function (data, status, jqXHR) { // }, error:function (data, status, jqXHR) { // } });

To our other domain, request gets canceled in latest chrome, and FF.

If i turn off headers, everything works, but then i get megabytes of data, and browser cant handle/parse that amount of data.

Here are headers from server (i control this, so i can edit it)

Access-Control-Allow-Origin: * Access-Control-Allow-Methods: OPTIONS, GET, POST Access-Control-Allow-Headers: Content-Type, Authorization, Accept, Range, Origin Access-Control-Expose-Headers: Content-Range Access-Control-Max-Age: 3600

Did i do something wrong, or sending range request over CORS is not yet implemented properly in latest browsers?

(Side note, also chrome is not returning headers even if i allow them in Expose-Headers, but that is known bug on chromium mailing list, but i can make one get request first to find out file size)

Have you tried to set the headers from server to return the actual domain that made the request for the Access-Control-Allow-Origin instead of * ? — Gabriele Petrioli
– Gabriele Petrioli, Commented Mar 28, 2012 at 19:22
is the cross domain url your are requesting is available to test — Sandeep Manne
– Sandeep Manne, Commented Apr 3, 2012 at 16:37

Engrost · Accepted Answer · 2012-04-03 22:39:33Z

I had similar problem while working on my last project. Here is what I did:

1) on server side handle OPTIONS request returning Access-Control headers like:

 Access-Control-Allow-Origin: * Access-Control-Allow-Methods: POST, OPTIONS Access-Control-Max-Age: 1000 Access-Control-Allow-Headers: Origin, Content-Type, Accept

2) on server handle POST method and add header

 Access-Control-Allow-Origin: *

3) in javascript:

 jQuery.ajax({ url: gate, type: "POST", data: JSON.stringify(post_data), contentType: "application/json; charset=UTF-8", crossDomain: true, success: function(data){ // }, });

Hope it will help

Collectives™ on Stack Overflow

jQuery CORS request not working when sending Range request

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related