I'm trying to get a static file (a js script) from django (development server) using jquery ajax but something is preventing the $.ajax
promise to resolve.
Here's my ajax call :
$.when(
$.ajax({dataType: "script", cache: true, url: "/static/ajax_upload/js/jquery.iframe-transport.js"}),
$.ajax({dataType: "script", cache: true, url: "/static/ajax_upload/js/ajax-upload-widget.js"})
).then(function() {
console.log( "Load was performed." );
AjaxUploadWidget.autoDiscover();
$("#level-modal").foundation("reveal", "open");
}, function () { alert("An error occured, try reloading the page."); });
Nothing in the then
function is called, success nor failure.
The weird thing is that the same ajax call with files from google works :
$.when(
$.ajax({dataType: "script", cache: true, url: "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"}),
$.ajax({dataType: "script", cache: true, url: "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"})
).then(function() {
console.log( "Load was performed." );
AjaxUploadWidget.autoDiscover();
$("#level-modal").foundation("reveal", "open");
}, function () { alert("An error occured, try reloading the page."); });
I think something might be wrong with my responses headers but I get a 200 status and I ain't an expert in Http.
Response from django :
HTTP/1.0 200 OK
Date: Sat, 24 Jan 2015 22:57:35 GMT
Server: WSGIServer/0.1 Python/2.7.3
Last-Modified: Sat, 24 Jan 2015 18:45:52 GMT
Content-Length: 9476
Content-Type: application/javascript
Response from google :
access-control-allow-origin:*
alternate-protocol:443:quic,p=0.02
cache-control:public, max-age=31536000
content-encoding:gzip
content-length:29524
content-type:text/javascript; charset=UTF-8
date:Sat, 24 Jan 2015 22:57:38 GMT
expires:Sun, 24 Jan 2016 22:57:38 GMT
last-modified:Fri, 19 Dec 2014 15:56:50 GMT
server:sffe
status:200 OK
timing-allow-origin:*
vary:Accept-Encoding
version:HTTP/1.1
x-content-type-options:nosniff
x-xss-protection:1; mode=block