Question

I have the following HTML dropdown box on the index view of the Search controller. I want to update the view based upon the dropbox selection. I need to pass the selection to the controller somehow.

<!-- index.html rendered from Search/Index -->
<select id="search_params" name="search[params]">
   <option value="tacos">tacos</option>
   <option value="pizza">pizza</option>
</select>

<>Search 主计长代码采用准绳和滚动信息

def index
  query = params[:search]
  msg = "Your favorite food is #{query}! OMGWTFBBQ!?!?!?!"

  respond_to do |format|
    format.html
    format.js
  end
end

This Javascript should somehow post the dropdown box choice to the controller upon selection:

$("#search_params").change(function() {
  var state = $( select#search_params :selected ).val();
  if(state == "") state="0";
   //Send the selection to the controller Search controller somehow 
   // and then render a new view immediately ?
   //I AM NOT GOOD WITH COMPUTER
})
return false;
});

I ve looked at dozens of other Rails + JQuery examples, jquery API docs, etc. Can t find an answer to the simple question or I m just overthinking it.

Anyways, thanks in advance for your help! ~Dan

Answer 1

I m no Duncan/Rails guy,但我知道 j。

I think you want something like

$("#search_params").change(function() {
  var state = $( select#search_params :selected ).val();
  if(state == "") {
     state="0";
  }
  //Call jQuery AJAX
  $.ajax({
       url: /path/to/your/controller/action ,
       type: POST ,
       data: search=  + state,
       success: function(data) {
           alert(data);
       },
       error: function() { 
          alert( Stuff went wrong );
       }
    });
  return false;
});

Hope this helps, and have a read of the jQuery AJAX doc page.

我不真地确定,你如何从那里控制人员收回数据? 是否有相应的观点使<条码>sg?

Answer 2

查阅文件:

You might need to put this at top of application.js (or this might just be a Rails 2.x requirement):

// Place your application-specific JavaScript functions and classes here
// This file is automatically included by javascript_include_tag :defaults
jQuery.ajaxSetup({
   beforeSend : function(xhr){
    xhr.setRequestHeader("Accept", "text/javascript");
    var token = $("meta[name= csrf-token ]").attr("content");
    xhr.setRequestHeader("X-CSRF-Token", token);
  }
});

我在服务器回复中设定了“高档”。

我的常规html模板是部分的。或者,所有超文本不译为部分而不是模板。

单管模板将基本做到:

$("div#some_id").html(
  <%= escape_javascript(render(:partial=> partial_name )) %>
);

友情链接