jquery表单插件/ rails文件上传/纯文本响应而不是html

Question

我试图通过ajax表单上传文件上传..因为我使用jquery表单插件文件上传工作得很好..但在respond_to js块中呈现的html会以纯文本形式返回。希望有人能帮助

控制器：

if @visitreport.save
flash[:notice] = "Der Besuchsbericht wurde erstellt."
respond_to do |format|
format.html{redirect_to @visitreport}
format.js
end

create.js.erb：

$("#last_customers").replaceWith('<div id="last_customers"><%= escape_javascript(render :partial => 'customers/last_customers') %> </div>');
$("#reminder").replaceWith('<div id="reminder"><%= escape_javascript(render :partial => "customers/reminder", :locals => {:date => Date.today+1}) %>'); ..和其他一些jQuery的 - 魔术

_last_customers.html.haml： - - 举个例子，

%h5 Die zuletzt bearbeiteten Kunden
%hr
.subcolumns
-get_user_customers.each do |uc|
.c25l
.subcl
=link_to("#{uc.id}", customer_path(uc.id))
.c75l
.subcl
=link_to("#{get_customer_name(uc.id)}", customer_path(uc.id))

的反应是这样的：

<div class="report round_corners box_shadow"><h5>bearbeitet am Freitag, 04. Juni 2010, 12:06 Uhr</h5> <div class='text-right'> per Telefon am 05.07.2010 </div> <p class='report_content'> fg </p> <div class='text-right reminder'> Wiedervorlage am 14.12.2015 <br /> <a href="/visitreports/138/edit">Bericht bearbeiten >></a> </div> <h5>Dateien</h5> <a href="/assets/27">bg_mainmenu.gif</a> </div>

的application.js：

("#new_visitreport").submit(function() { 
$(this).ajaxSubmit(
dataType : 'script', 
    iframe : true, 
success : function (data) { 
    data = eval(data.replace("<pre>", "").replace("</pre>", "")); 
    } 
}); 
return false; 
}); 

我到底做错了什么？ 希望有人能帮助！ jquery 1.4.2版本

Answer 1

根据jQuery表格documentation，建议将响应封装在textarea中。在ERB例如：

<textarea> 
    jQuery("#documents").prepend("<%= escape_javascript(render @document) %>"); 
</textarea> 

然后设置内容类型text/html控制器上：

respond_to do |format| 
    # jQuery Form needs to have text/html as Content-Type. 
    format.js { render :content_type => Mime::HTML.to_s } 
end 

Answer 2

如果您使用的Rails 3，您想简化流程一点，你应该试用Remotipart宝石：

http://rubygems.org/gems/remotipart

http://github.com/leppert/remotipart