0

js.erbファイルを使用してコントローラーメソッドの成功/エラーをキャプチャしようとしています。アセットが作成され、jQueryからアラートを受け取りますが、ERB（最初のコードスニペット）からのメッセージが表示されません。私は何を間違えましたか？

create_asset.js.erb

<% if @asset.errors.any? %>
    var errors = $('<ul />');
    errors.append('<li><%= escape_javascript( error ) %></li>');
    jQuery('#create_asset_message').html(errors);
<% else %>
    jQuery("form#create_asset_form").before('<div id="flash_notice"><%= escape_javascript(flash.delete(:notice)) %></div>');
    jQuery('form#create_asset_form')[0].reset();
<% end %>

create_assetコントローラーメソッド

  def create_asset
    @asset = Asset.new(:name                  => params[:name],
                       :description           => params[:description],
                       :serial_number         => params[:serial_number],
                       :asset_manufacturer_id => params[:asset_manufacturer_id],
                       :asset_model_id        => params[:asset_model_id],
                       :image_filename        => params[:image_filename])

    respond_to do |format|
      format.js
    end
  end

ビュー[その部分]：

<%= form_tag create_asset_assets_path, :method => :get, :id => "create_asset_form", :remote => true do %>
    <div class="row-fluid">
        <h3>Choose your template: </h3>
        <%= collection_select(:asset, :id, @asset_templates,:id,:name, {:prompt => "Select your template..."}, {:class=>'chzn-select', :onchange => "update_asset_form_div(this.value)"}) %>
    </div>
    <br/>
    <%= render :partial => "create_asset_form", :object => @asset_template, :manufacturers => @manufacturers %>

    <%= submit_tag "Create Asset", :disable_with => "Please wait..." %>

    <div id="create_asset_message"></div>
<% end %>

jQuery ajax

jQuery('form#create_asset_form').submit( function () {
    alert("You got here")
    jQuery.ajax({
        url: "/assets/create_asset.js",
        type: "GET",
        data: {"name"          : jQuery('#name').val(),
            "description"   : jQuery('#description').val(),
            "serial_number" : jQuery('#serial_number').val(),
            "asset_manufacturer_id" : jQuery('#manufacturer_select').val(),
            "asset_model_id"        : jQuery('#models_select').val(),
            "image_name"    : jQuery('#image_name').val()},
        dataType: "html"
    });
    return false;
});
4

1 に答える 1

1

データ型をスクリプトに設定すると非常に役立ちます...

私のajaxクエリは次のようになります（datatype: "script"ではなく"html"）：

jQuery('form#create_asset_form').submit( function () {
    alert("You got here")
    jQuery.ajax({
        url: "/assets/create_asset.js",
        type: "GET",
        data: {"name"          : jQuery('#name').val(),
            "description"   : jQuery('#description').val(),
            "serial_number" : jQuery('#serial_number').val(),
            "asset_manufacturer_id" : jQuery('#manufacturer_select').val(),
            "asset_model_id"        : jQuery('#models_select').val(),
            "image_name"    : jQuery('#image_name').val()},
        dataType: "script"
    });
    return false;
});
于 2012-07-02T20:41:41.857 に答える