The W3 sets forth the following guidelines in their XMLHttpRequest Level 2 document. Obviously varying levels of conformance across browsers are to be expected. Uploads: While the request entity body is being uploaded and the upload complete flag is false, queue a task to fire a progress event named progress at the XMLHttpRequestUpload object about … Read more
Use the getResponseHeader() method. Minimal example: <script> function hand () { console.log(this.getResponseHeader(‘content-type’)); } var x = new XMLHttpRequest(); x.onreadystatechange = hand; x.open(‘GET’, ‘index.html’, true); x.send(); </script>
The error is straight forward: Error in event handler for contextMenus: InvalidStateError: Failed to execute ‘setRequestHeader’ on ‘XMLHttpRequest’: The object’s state must be OPENED. You need to call .open(..) before setting the request headers. Given your code, I believe the best way would be to move the call to open in the init(..) function. var … Read more
A slightly more elegant variation on your solution would be to set a header like ‘x-decompressed-content-length’ or whatever in your HTTP response with the full decompressed value of the content in bytes and read it off the xhr object in your onProgress handler. Your code might look something like: request.onProgress = function (e) { var … Read more
Here’s a solution with the rack-cors gem, which you said you tried. As others have mentioned, you didn’t give much detail in regards to which front-end framework you’re using and what the actual request looks like. So the following may not apply to you, but I hope it helps someone. In my case, the gem … Read more
Just add this to your app myAppModule.config([‘$httpProvider’, function($httpProvider) { $httpProvider.defaults.headers.common[‘X-Requested-With’] = ‘XMLHttpRequest’; }]);
Maybe you like to check the links below: Making cross domain JavaScript requests using XMLHttpRequest or XDomainRequest XMLHttpRequest – Mozilla Developer Network A good summary of the jQuery x-domain requests Which browser supports x-domain?
If you just don’t want to waste your time on cross-domain issues during development and testing of your app you can use addon Force CORS for FF. UPDATE: It seems that this addon no longer exists. But there is another option – this Chrome extension
it is also ignoring my setRequestHeader calls and generating its own Yes, the standard says it must: For security reasons, these steps should be terminated if header is […] Connection Content-Length Messing around with those could expose various request smuggling attacks, so the browser always uses its own values. There’s no need or reason to … Read more
This is a server side issue. You don’t need to add any headers in angular for cors. You need to add header on the server side: Access-Control-Allow-Headers: Content-Type Access-Control-Allow-Methods: GET, POST, OPTIONS Access-Control-Allow-Origin: * First two answers here: How to enable CORS in AngularJs