使用 coffeescript 自动更新值

Question

我是 JS 新手，所以我在这里遇到问题 rsrs

我需要在用户开始在金额字段上插入值时自动更新结果字段

$(document).ready ->
$('form').submit ->
if $('form').attr('action') == '/convert'
  $.ajax '/convert',
      type: 'GET'
      dataType: 'json'
      data: {
              source_currency: $("#source_currency").val(),
              target_currency: $("#target_currency").val(),
              amount: $("#amount").val()
            }
      error: (jqXHR, textStatus, errorThrown) ->
        alert textStatus
      success: (data, text, jqXHR) ->
        $('#result').val(data.value)
    return false;

现在我有一个调用 /convert 的提交按钮但是我怎样才能删除它并在我收到值时调用 API，无论是否完成

   class ExchangeService
  def initialize(source_currency, target_currency, amount)
    @source_currency = source_currency
    @target_currency = target_currency
    @amount = amount.to_f
  end


def call
    value = get_exchange
    value * @amount
  rescue RestClient::ExceptionWithResponse => e
    e.response
  end

def get_exchange
  exchange_api_url = Rails.application.credentials[Rails.env.to_sym][:currency_api_url]
  exchange_api_key = Rails.application.credentials[Rails.env.to_sym][:currency_api_key]
  url = "#{exchange_api_url}?token=#{exchange_api_key}&currency=#{@source_currency}/#{@target_currency}"
  result = RestClient.get url
  JSON.parse(result.body)['currency'][0]['value'].to_f
end
end

Answer 1

您可以使用 Rails 中的 remote: true 来发出 AJAX 请求：

汽车资源的简单示例：

cars_controller.rb

def create
  @car = Car.new(car_params)

  respond_to do |format|
    if @car.save
      format.js
    else
      format.js
    end
  end
end

_form.html.erb

<%= form_with(model: car, local: false) do |form| %>
  <% if car.errors.any? %>
    <div id="error_explanation">
      <h2><%= pluralize(car.errors.count, "error") %> prohibited this car from being saved:</h2>

      <ul>
        <% car.errors.each do |error| %>
          <li><%= error.full_message %></li>
        <% end %>
      </ul>
    </div>
  <% end %>

  <div class="field">
    <%= form.label :name %>
    <%= form.text_field :name %>
  </div>

  <div class="actions">
    <%= form.submit %>
  </div>
<% end %>

create.js.erb

console.log('<%= @car.name  %>');

因此，当您提交 rails 表单时，请求将像 JS 一样。您的控制器需要接受这种格式（format.js），当控制器处理数据时，流程继续执行操作，但在此文件中使用 js 扩展名（create.js.erb），您可以制作您想要的，追加数据、替换数据、更改值并可以使用 Ruby + JS 希望对你有用，原谅我的英语不好

使用 coffeescript 自动更新值

Automatically update value with coffeescript

javascript

ruby

ajax

ruby-on-rails

coffeescript