Rails $ .post调用不包含我期望的params

时间:2013-01-26 15:42:16

标签: jquery ruby-on-rails ruby ajax ruby-on-rails-3

这曾经适合我,但我已经改变了一些东西,现在它不起作用,对于我的生活,我无法弄清楚我改变了什么。

基本上我有一个页面,我正在实现一个jquery拖放功能,当点击提交按钮时,我传递一些数据来存储所有被拖放的元素的x和y位置

您可以在我的jquery片段中看到我正在使用$.post。然后在我的控制器中,我将数据保存到数据库中。

问题在于params[:application]始终为零。它曾用于包含应用程序数据,但我已经改变了一些东西,这已不再适用了。

为什么我的ajax调用不包含params [:application]?

这是我正在点击的网址 - /applications/1/edit

这是我的jquery提交功能

$('.organizer').submit(function(e) {
        e.preventDefault();
        e.stopPropagation();
        var dataToSubmit = $(this).serialize();
        var ids = [];
        var field_values = [];
        var x_values = [];
        var y_values = [];
        var success = true;

        console.log('dataToSubmit = '+dataToSubmit);

        $('.organizer .draggable').each(function() {
            // add the draggable value to an array
            field_values.push($(this).find('a').text().trim());
            ids.push($(this).find('a').data('id'));
            x_values.push($(this).closest('td').data('counter'));
            y_values.push($(this).closest('tr').data('counter'));
        });

        for(i = 0; i < field_values.length; ++i) {
            console.log('id = '+ids[i]);
            dataToSubmit += "&field_name="+field_values[i]+"&appfieldid="+ids[i]+"&xposition="+x_values[i]+"&yposition="+y_values[i];
            console.log(decodeURIComponent(dataToSubmit));
            $.post($(this).attr('action'), dataToSubmit).error(function() {
                success = false;
            }); 
        }

        // if all of the ajax calls were successful, show a success message
        if(success) {
            $('h1').after('<div class="nNote nSuccess"><p>Application Updated Successfully!</p></div>');
            $('.nSuccess').delay(5000).fadeOut();
        }

    });

这是我的控制器方法

# PUT /applications/1
  # PUT /applications/1.json
  def update
    @application = Application.find(params[:id])
    p params[:appfieldid]
    p params[:xposition]
    p params[:yposition]
    p params[:field_name]
    p params[:application] # WHY IS THIS ALWAYS NIL?
    app_fields = params[:application]
    p app_fields
    app_fields['application_field_attributes']["0"].merge!({"id"=>params[:appfieldid], "xposition"=>params[:xposition], "yposition"=>params[:yposition]})   #app_fields['application_field_attributes']['yposition'] = params[:yposition]
    p app_fields
    respond_to do |format|
      if @application.update_attributes(app_fields)
        #@application.application_details.xposition = params[:xposition]
        #@application.application_details.yposition = params[:yposition]

        @curr_app = ApplicationField.last
    format.html { render :nothing => true }
        format.json { head :no_content }
        format.js # WHY IS THIS NOT CALLED? INSTEAD I'M USING A SUCCESS CALLBACK ON THE $.POST METHOD
      else
        format.html { render action: "edit" }
        format.json { render json: @application.errors, status: :unprocessable_entity }
        format.js { render action: "update" }
      end
    end
  end

这是生成的表单标记

<form accept-charset="UTF-8" action="/applications/3" class="organizer" data-remote="true" id="edit_application_3" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /><input name="_method" type="hidden" value="put" /><input name="authenticity_token" type="hidden" value="3LOzuiL/PU6HypJ4OeN5H9yrX3Xyk0VT6XpcFYd1wY0=" /></div>
    <fieldset>
        <div class="widget fluid">
            <div class="whead"><h6>New Application</h6><div class="clear"></div></div>
            <table cellpadding="0" cellspacing="0" width="100%" class="tDefault tMedia" id="app_table">
                <thead>
                    <tr>
                        <td width="35%">First Half</td>
                        <td width="35%">Second Half</td>
                    </tr>
                </thead>
                <tfoot>
                    <tr>
                        <td colspan="6">
                            <input class="buttonS bBlue" name="commit" type="submit" value="Submit" />                  
                        </td>
                    </tr>
                </tfoot>
                <tbody>


                    <tr data-counter="0">
                        <td class="droppable nopadding" data-counter="0">
                                    &nbsp;
                                    &nbsp;
                        </td>           
                        <td class="droppable nopadding" data-counter="1">
                                    &nbsp;
                                    &nbsp;
                        </td>
                    </tr>           
                    <tr data-counter="1">
                        <td class="droppable nopadding" data-counter="0">
                                    &nbsp;
                                    &nbsp;
                        </td>           
                        <td class="droppable nopadding" data-counter="1">
                                    &nbsp;
                                    &nbsp;
                        </td>
                    </tr>           
                </tbody>
            </table>
        </div>
    </fieldset>
</form>

修改

这里有一些更多的信息:

# GET /applications/1/edit
  def edit
    @application = Application.find(params[:id])
  end

edit.html.erb

<%= form_for(@application, :html => {:class => "organizer"}, :remote => true) do |f| %>
...
<% @application.application_field.each_with_index do |f, i| %>              
    <tr data-counter="<%= i %>">
        <td class="droppable nopadding" data-counter="0">
        <% @application.application_field.each_with_index do |f2, i2| %>
                    <% if f2.yposition == i && f2.xposition == 0 %>
                        <ul class="subNav noborder">
                            <li class="draggable" style="height: 64px;">
                            <a value="#" data-id="<%= f.id %>" style="height: 47px;">
                                <span class="icos-list2 move"></span>
                                <span class="field_label"><%= f2.field_name %></span>
                                <% if f.field_type == 'textfield' %>
                                    <input type="text" class="textfield" name="textfield" />
                                <% elsif f.field_type == 'dropdown' %>
                                    <!-- TODO - fill in for dropdown -->
                                <% elsif f.field_type == 'checkbox' %>
                                    <!-- TODO - fill in for checkbox -->
                                <% end %> 
                            </a>
                            <%= link_to '<span class=icos-cross></span>'.html_safe, application_field_path(f), :class => 'remove_fields close', :method => :delete, :remote => true %>
                            </li>
                            </ul>   
                        <% end %>
                    <% end %>
                </td>           
            <td class="droppable nopadding" data-counter="1">
                   <% @application.application_field.each_with_index do |f2, i2| %>
                        <% if f2.yposition == i && f2.xposition == 1 %>
                            <ul class="subNav noborder">
                                <li class="draggable" style="height: 64px;">
                                <a value="#" data-id="<%= f.id %>" style="height: 47px;">
                                    <span class="icos-list2 move"></span>
                                    <span class="field_label"><%= f2.field_name %></span>
                                    <% if f.field_type == 'textfield' %>
                                        <input type="text" class="textfield" name="textfield" />
                                    <% elsif f.field_type == 'dropdown' %>
                                        <!-- TODO - fill in for dropdown -->
                                    <% elsif f.field_type == 'checkbox' %>
                                        <!-- TODO - fill in for checkbox -->
                                    <% end %>
                                </a>
                                <%= link_to '<span class=icos-cross></span>'.html_safe, application_field_path(f), :class => 'remove_fields close', :method => :delete, :remote => true %>
                                </li>
                            </ul>
                    <% end %>
                <% end %>
                </td>   
            </tr>           
        <% end %>
<% end %>

2 个答案:

答案 0 :(得分:1)

dataToSubmit是否包含应用程序参数?它应该是什么?一个身份证?什么?

$(this).serialize()的价值是什么?

dataToSubmit + =&#34;&amp; field_name =&#34; + field_values [i] +&#34;&amp; appfieldid =&#34; + ids [i] +&#34;&amp; xposition = &#34 + x_values [I] +&#34;&安培; yposition =&#34 + y_values [I];

我猜你在表单上缺少一个名为application的输入字段,我无法在表单代码中看到它。

此外,您的请求不会呈现js响应,因为您没有使用格式&#39;脚本&#39;来调用它。做类似的事情:

$.post($(this).attr('action'), dataToSubmit).error(
  function() {
    success = false;
  },'script');

应以js格式发出请求

检查服务器日志,它会告诉您请求中的所有参数和格式,您不需要将所有内容放在控制器上,这会让您感到困惑

答案 1 :(得分:0)

通过尝试我记得以前的一堆东西,我想通过拥有

<%= f.fields_for :application_field do |field| %>
...
<% end %>

params[:application]被传递给控制器​​。

我不确定为什么这会让它发挥作用,因为我实际上并没有对field做任何事情。