Question

我对ajax有一些问题

此请求 GET http://localhost:3000/projects/new （304 Not Modified）确实有效，它会从响应中执行javascript：

$('#add-project-button').hide();
$('#project-form').append("<form accept-charset=\"UTF-8\" action=\"/projects\" class=\"new_project\" data-remote=\"true\" id=\"new_project\" method=\"post\"><div style=\"margin:0;padding:0;display:inline\"><input name=\"utf8\" type=\"hidden\" value=\"&#x2713;\" /><input name=\"authenticity_token\" type=\"hidden\" value=\"gzu9DETiVV8N+OtRnkdYpD6aa0/RbM7i2H+nkQ0yXGc=\" /><\/div>\n  <div class=\"field\">\n    <label for=\"project_name\">Name<\/label><br />\n    <input id=\"project_name\" name=\"project[name]\" size=\"30\" type=\"text\" />\n  <\/div>\n  <div class=\"actions\"><input name=\"commit\" type=\"submit\" value=\"Create Project\" /><\/div>\n<\/form>");

但另一个请求 POST http://localhost:3000/projects （200 OK）似乎没问题，但是响应为空，没有执行javascript，但服务器答案还可以：

Rendered tasks/_task.html.erb (0.0ms)
  Rendered projects/_project.html.erb (4.5ms)
  Rendered shared/_create.js.erb (5.4ms)
  Rendered projects/create.js.erb (6.1ms)
Completed 200 OK in 96ms (Views: 8.6ms | ActiveRecord: 84.9ms)

所以我猜测浏览器在这种情况下不应该从服务器执行javascript。

可能有什么问题？如何让浏览器接收javascript并执行它？感谢。

更新：发出ajax请求的表单：

<%= form_for(@project, :remote => true) do |f| %>
  <div class="field">
    <%= f.label :name %><br />
    <%= f.text_field :name %>
  </div>
  <div class="actions"><%= f.submit %></div>
<% end %>

控制器操作：

def create
  @project = current_user.projects.build(params[:project])
  respond_with(@project.tap(&:save))
end

使用部分布局可能导致问题， projects / create.js.erb ：

<% render :layout => '/shared/create', locals: { obj: @project } do %>
  $('#project-container').append("<%= escape_javascript render(@project) %>");
  $('#add-project-button').show('fast');
  $('#project-form').hide('fast', function(){ $('#project-form').empty(); });
<% end %>

Answer 1

问题很简单，我忘了把＆lt;％=签到erb，所以它应该是：

<%= render :layout => '/shared/create', locals: { obj: @project } do %>
  $('#project-container').append("<%= escape_javascript render(@project) %>");
  $('#add-project-button').show('fast');
  $('#project-form').hide('fast', function(){ $('#project-form').empty(); });
<% end %>

rails ajax请求不起作用

1 个答案: