format.js響應不執行

下一個動作，我的看法RJS返回JavaScript，但不執行

代碼在螢火蟲我在響應

看

$('polaroids').insert("<li>\n <a title=\"4204497503_a0c43c561d.jpg\" href=\"#\">\n <img alt=\"4204497503_a0c43c561d.jpg\" src=\"/system/photos/279/original/4204497503_a0c43c561d.jpg?1268857318\" />\n <\/a>\n<\/li>")

這裏是生成請求

function send(file, url) { 
    try { 
     var xhr = new XMLHttpRequest; 

     var boundary = generateBoundary(); 

     var contentType = "multipart/form-data; boundary=" + boundary; 

     xhr.upload.addEventListener("loadstart", (function(e){ 
      $('progress_'+file.name).update('0%'); 
     }), false); 

     xhr.upload.addEventListener("progress", (function(e) { 
       if (e.lengthComputable) { 
        var percentage = Math.round((e.loaded * 100)/e.total); 
        $('progress_'+file.name).update(percentage + '%'); 
       } 
     }), false); 


     xhr.open("POST", url, true); 
     xhr.onreadystatechange = function() { 
      if (xhr.readyState === 4) { 
       // done 
      } 
     }; 

     xhr.setRequestHeader("Content-Type", contentType); 
     xhr.setRequestHeader("Accept", "text/javascript"); 

     var CRLF = "\r\n"; 
     var request = "--" + boundary + CRLF; 

     request += 'Content-Disposition: form-data; '; 
     request += 'name="' + 'photo[name]' + '"' + CRLF + CRLF; 
     request += file.name + CRLF; 

     request += "--" + boundary + CRLF; 

     request += 'Content-Disposition: form-data; '; 
     request += 'name="' + 'photo[photo]' + '"; '; 
     request += 'filename="'+ file.fileName + '"' + CRLF; 

     request += "Content-Type: application/octet-stream" + CRLF + CRLF; 
     request += file.value + CRLF; 
     request+= "--" + boundary + "--" + CRLF; 

     xhr.sendAsBinary(request); 

    } catch(e) { 
     alert('send Error: ' + e); 
    } 
}

這裏是對照的JavaScript奧勒

def remote_create 
    @photo = Photo.new(params[:photo]) 
    @photo.save 
    respond_to do |format| 
     format.js 
    end 
    end

這裏是響應頭

Response Headers 
Etag "7343b21b2f062fb74b7d5f32e3a83c2c" 
Connection Keep-Alive 
Content-Type text/javascript; charset=utf-8 
Date Wed, 17 Mar 2010 20:21:58 GMT 
Server WEBrick/1.3.1 (Ruby/1.8.7/2008-08-11) 
X-Runtime 0.060497 
Content-Length 220 
Cache-Control max-age=0, private, must-revalidate 
Set-Cookie _photos_session=BAh7ByIQX2NzcmZfdG9rZW4iMS9OWnpOZUR6UGQ2UDhvbGt5YWpTWXhJcFR2YjRHOEhzZHlIbmdMblRlMWs9Ig9zZXNzaW9uX2lkIiUxNjlhOWYzNjQxODE2N2NjN2FiNmYzY2VkYmU3OTgwYQ%3D%3D--022d7202178b2cc7bf968e558c2ae67ecef1fb74; path=/; HttpOnly

是否有什麼特別的東西，使其工作要求？

來源

2010-03-17 denisjacquemin

粘貼你的JS也用於調用動作。 – jonnii 2010-03-17 20:31:56

它的完成，我使用sendAsBinary，一個新的Firefox方法提交一個xhr請求的文件 – denisjacquemin 2010-03-17 20:43:51

你可以發佈控制器代碼嗎？ – jonnii 2010-03-17 21:51:35

我找到了解決方案，我的Ajax請求是手動構建的，我沒有使用Prototype或jQuery。要在響應執行的JavaScript，我必須添加以下代碼

xhr.onreadystatechange = function() { 
    if (xhr.readyState === 4) { 
     eval(xhr.responseText || ''); 
    } 
};

來源

2010-03-21 10:09:35 denisjacquemin

的錯誤是你的JS：

$('polaroids').insert("<li>\n <a title=\"4204497503_a0c43c561d.jpg\" href=\"#\">\n <img alt=\"4204497503_a0c43c561d.jpg\" src=\"/system/photos/279/original/4204497503_a0c43c561d.jpg?1268857318\" />\n <\/a>\n<\/li>")

你可能希望通過一個id或class但你還$('polaroids')靶向div或某些元素，嘗試或許$('.polaroids')或$('#polaroids')取決於你的HTML是什麼喜歡。

來源

2010-03-19 06:48:21

感謝您的回答，我使用原型（而不是jQuery），$（'polaroids'）在Firebug中執行它時很好用，我也嘗試了一個簡單的警告（'hello'），但它也不起作用。 – denisjacquemin 2010-03-19 08:13:09

對於那些像我一樣，運行到這個問題與Ajax File Uploader和Carrierwave不執行返回的JavaScript，這是因爲同樣的事情。這是因爲File-Uploader被編寫爲假定所有返回給它的是JSON，並且重寫它以評估responseText而不是將其放入變量中修復該問題。

我發佈完全沒有人花費數小時思考錯誤是造成這種情況的原因。

來源

2012-05-31 15:20:13

format.js響應不執行

回答

相關問題