railsでajax通信すると"Provisional headers are shown"でnetworkのstatusがキャンセルされる。

railsアプリ内でajax通信を使って画像データを渡すjsコードを作りました。

    $('#save-button').click(function(){
        var canvas = document.getElementById('canvass');
        var content = canvas.toDataURL('image/png');
        var blob = Base64toBlob(content);
        var fd = new FormData();
        fd.append('content', blob);

　　　　　$.ajax({
            url: "/users/" + gon.user_id + "/indices/" + gon.index_id + "/uploadtoaws",
            type: "post",
            data: fd,
            processData: false,
            contentType: false,
            datatype: "text",
            success: function(data,jqXHR){
              console.log(jqXHR);
            },
            error: function(jqXHR, textStatus, errorThrown){
                alert(textStatus);
                alert(errorThrown.message);
                alert(jqXHR.status);
                alert(jqXHR.responseText);
            },
        });
});

これで明示的なalertは出ないものの通信がurlに渡っていない。chromeの開発ルール、networkを見るとstatusがcancelされprovisional headers are shownが表示されていました。
ググって調べた、

1. cacheを消す
2. クロスオリジン(CORS)を設定する

を順に試してcacheが原因ではないようです。2.のクロスオリジンを設定したいのですがやり方がよく分かりません。
ぐぐっても私レベルで理解できるサイトはありませんでした。
どのファイルにどう設定すればよいかアドバイス頂けると嬉しいです。

ruby: 2.3.1
rails: 4.2.10