ruby-on-rails - 从另一个字段发送一个值作为rails中ajax的参数

Question

我在 new.html.erb 页面中有以下代码。

<h3>Create Make Payment </h3>   
    <%= simple_form_for(@payment) do |f| %>   <%= f.error_notification %> <div class="form-inputs">
    <%= f.input :email, collection:@arr,:required=>true,:id=>"payment_email" ,:class=>"chosen-select"%>   </div>   <div class="form-inputs">
    <%= f.hidden_field :user_id,:value=>User.find_by_email(ar).id,:id=>"user_id" %>   </div>  <div class="form-inputs">
    <%= f.input :amount,:required=>true%>   </div>

    <div class="form-inputs">
    <%= f.input :desc, as: :text ,:required=>true%>   </div>

  <div class="form-actions">
    <%= f.button :submit %>   </div> <% end %>

在 payment_email 选择框中的 chage 我想要一个 ajax 请求发生。我做了以下事情。

1. 在支付控制器的创建操作中添加respond_to do |format| format.js。

2. 我在一个js文件中写了以下内容。

jQuery.ajaxSetup({ 
  'beforeSend': function(xhr) {xhr.setRequestHeader("Accept", "text/javascript")}
})

jQuery.fn.submitWithAjax = function() {
  this.onChange(function() {
    $.post(this.action, $(this).serialize(), null, "script");
    return false;
  })
  return this;
};

$(document).ready(function() {
  $("#payment_email").submitWithAjax();
})

1. 创建了一个名为 create.js.erb 的文件并在其中输入以下内容。

   $("#user_id").value("<%= escape_javascript(render(:partial => user_id)) %>");

2. 我创建了一个部分 _user_id.html.erb 来打印要更改的值。

现在我陷入困境的是，我不确定如何通过 ajax 将 payment_email 的值发送到 create.js.erb ，我将在其中使用它来获取所需的用户 ID。我怎样才能做到这一点？

Answer 1

您可以使用 jQuery Change 事件

$(document).ready(function() {
  $( "#payment_email" ).change(function() {
    $.ajax({
      type: "POST",
      url: "/controller/action",
      data: { email: $( "#payment_email" ); }
      });
  });
});