0

我对ajax有一些问题

此请求GEThttp://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>");

但另一个请求POSThttp://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

也许问题是由于使用 partial 作为布局，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 %>
4

1 回答 1

1

问题很简单，我忘记在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 %>
于 2012-08-08T02:10:41.160 回答