如何使用ajax請求從box.com服務獲取文件內容？

Question

我正在嘗試使用直接鏈接從box.com獲取CSS文件的內容，並將其附加到head標簽，但是它不起作用。

$.ajax({                
        url: "https://app.box.com/shared/static/" + file_hash + ".css",                
        data: { client_id : '6guib1cgnk8uk2kdre45rjg7lt2xayegl94' },
        type: "GET",
        async: false,
        crossDomain: true,
        dataType: "text",
        success: function (data) {
          $("<style></style>").appendTo("head").html(data);
        },
        error: function (error) {
            console.log(error);
        }
    }
);

Cuold有人解釋如何使其工作嗎？

它返回一個錯誤對象：

Object
abort: function ( statusText ) {
always: function () {
complete: function () {
done: function () {
error: function () {
fail: function () {
getAllResponseHeaders: function () {
getResponseHeader: function ( key ) {
overrideMimeType: function ( type ) {
pipe: function ( /* fnDone, fnFail, fnProgress */ ) {
progress: function () {
promise: function ( obj ) {
readyState: 0
responseText: undefined
setRequestHeader: function ( name, value ) {
state: function () {
status: 0
statusCode: function ( map ) {
statusText: "error"
success: function () {
then: function ( /* fnDone, fnFail, fnProgress */ )

Answer 1

這是我執行代碼時收到的錯誤：

XMLHttpRequest無法加載https://app.box.com/shared/static/2mbz6a9olevi86oi43kk.css 。 所請求的資源上沒有“ Access-Control-Allow-Origin”標頭。 因此，不允許訪問來源“ https://example.com ”。

問題是您正在發出跨域（CORS）請求，但是JavaScript僅限於在同一域上請求資源，除非目標應用程序明確允許。

Box默認情況下不允許CORS請求，但它們將基於每個應用程序啟用它們 。 您需要聯系Box支持並提供用例的描述。