format.js响应不执行
format.js响应不执行
提问于 2010-03-18 04:29:41
我使用的是Rails 3.0.0 Beta
在一个操作之后，我的RJS视图返回JavaScript，但是不执行代码
在Firebug中，我在响应中看到
$('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>")下面是生成请求的javascript
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);
}
}这是控制器
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要让它工作，有什么特别的要求吗？
回答 3
Stack Overflow用户
回答已采纳
发布于 2010-03-21 18:09:36
我找到了解决方案，我的Ajax请求是手动构建的，我没有使用Prototype或jQuery。要在响应中执行javascript，我必须添加以下代码
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {
eval(xhr.responseText || '');
}
};Stack Overflow用户
发布于 2012-05-31 23:20:14
对于那些像我一样，遇到Ajax File Uploader和Carrierwave不能执行返回的javascript的问题的人来说，这是由于同样的原因。这是因为File-Uploader被编写为假设返回到它的所有内容都是JSON，并且重写它来计算responseText而不是将其放入变量中来修复它。
我发布这篇文章完全是为了不让其他人花几个小时认为bug是导致这件事的原因。
Stack Overflow用户
发布于 2010-03-19 14:48:22
错误是您的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来定位div或某些元素，但您只有$('polaroids')，可以尝试$('.polaroids')或$('#polaroids')，这取决于您的html是什么样子。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/2465643
复制相关文章
相似问题
腾讯云开发者
