Question

先谢谢你的帮助，这个人已经把我困住了几天。

我在我的rails应用程序中有一个视图，它会用西班牙语随机化一个单词，同时用英语呈现相同的单词。例如：

狗

oprer

用户可以来回切换西班牙语单词的字母以创建＆＃39;在上面的示例中，正确的单词＆＃39; perro＆＃39;。然后用户点击按钮提交答案，我的javascript正确警告阵列“perro”＃39;或者用户生成的任何内容。我的目标是将这个javascript数组（下面的代码中的sortedIDs）传递给我的rails＆＃39; lang＆＃39;用户单击下一个按钮后的控制器。下面的ajax代码似乎没有这样做，因为当我尝试使用下面的单行代码访问我的控制器中的数组时，我得到一个nil错误：

data = params[:order].split(',')

我的javascript代码如下所示：

$(function() {

    $(" #sortable ").sortable({axis: "x", containment: "window"});
    $( ".clicked" ).click( function() {

       var sortedIDs = $( "#sortable" ).sortable( "toArray", {attribute: 'custom-cl'} );
       alert(sortedIDs);

   var target = "http://localhost:3000/langs";

       $.ajax({
         type: 'get',
         url: target + '?order='+sortedIDs.join(',') ,
         dataType: 'script'
       }); 
    });      });

我的索引视图如下所示：

<% provide(:title, 'Quiz') %>
<%= javascript_include_tag 'scramble' %>

<div class="center jumbotron" style="width: 100%; margin-left: auto; margin-right: auto;">


  <% if @randomNumber == 0 %>  
    <h2> Word Scramble </h2>


    <div class="well" style="background-color: #D8D8D8; width: 50%; margin-left: auto; margin-right: auto;">
      <%= @spanishNotScrambled %>
    </div>


    <div class="panel panel-default" style="background-color: #CEECF5; width: 100%; margin-left: auto; margin-right: auto;">
      <div class="panel-body">


       <ul id="sortable">

        <% @wordScramble.each do |letter| %>
          <li class="ui-state-default" custom-cl="<%= letter %>" ><%= letter %></li>
        <% end %> 
      </ul>

    </div>
   </div>
  <% end %>

  <% if @randomNumber == 1 %>  
    <h2> Some other exercise </h2>
    <%= @test %>
  <% end %>

  <% if @index != 9 %>
    <ul class="pager">
      <div class="clicked"><%= link_to "Next", langs_path(:option => 'next2')%></div>
    </ul>
  <% else %>
    <ul class="pager">
      <div class="clicked"><%= link_to "Score Quiz!", langs_path(:option => 'scorequiz')%></div>
    </ul>
  <% end %>

</div>

编辑以添加jsfiddle示例：

jsfiddle example

Edit2添加控制器代码：

class LangsController < ApplicationController
  before_filter :signed_in_user, only:[:index, :show]

  def index
    @quiz = Lang.limit(10).offset(current_user.bookmark - 11)
    @index = current_user.bookmark2
    @randomNumber = rand(1)
    which_button_clicked2
    exercise_bank
    data = params[:order].split(',')
  end

  private
    def signed_in_user
      redirect_to user_session_path, notice: "Please sign in." unless user_signed_in?
    end

    def which_button_clicked2
      if params[:option] == "next2"
        @index = @index + 1
        current_user.bookmark2 = @index
        current_user.save
      end

      if params[:option] == "scorequiz"
        @index = 0
        current_user.bookmark2 = @index
        current_user.save
        #redirect to page where show quiz results
      end
    end

    def exercise_bank
      if @randomNumber == 0 #execute word scramble exercise
         @spanishNotScrambled = @quiz[@index].english_to_spanish
         @wordScramble = @quiz[@index].english.split('').shuffle

      end

      if @randomNumber == 1 #execute some other exercise
        @test = "Exercise 2"
      end

    end  
end

Answer 1

@ mtcrts70 - 这是我通常使用ajax请求将数据传递给控制器的方式。

$。AJAX（{

  type: 'GET',
  url: target,
  dataType: 'script,
  data: {order: sortedIDs}

});

在控制器中，您将在params [：order]

中获得它

按钮单击通过Ajax请求发送Javascript阵列到Rails控制器

1 个答案: