如何使用ajax从数据库中获取数据答案

【问题标题】：how to fetch data from database using ajax如何使用ajax从数据库中获取数据
【发布时间】：2018-10-12 12:31:58
【问题描述】：

成功函数不返回数据。

控制器代码如下

controller/manageprojects.rb

class Manageprojects

    respond_to :html, :json 

    def fetch_currency_symbol 
        @location = Location.find_by_country(params[:country]) 
        @currency_symbol = @location.currency 
        respond_to do |format|
            format.json { render json: @currency_symbol } 
            format.html 
        end
    end 

end

查看/manageprojects/new.html.erb

JavaScript 函数如下，ajax 请求使用国家参数发送

<script type="text/javascript">
  $("#manageproject_location").on('change', function() {

      var country = $('select#manageproject_location :selected').val();
     // alert(country);
        $.ajax({
        url: '/fetch_currency_symbol',
          data: { country : country },
          dataType: 'json',
          type: 'POST',
          success: function(result)
          {
            console.log(result);
            $('#manageproject_symbol').val(result);
          }
        });
  });
</script>

routs.rb
post '/fetch_currency_symbol', to: "manageprojects#fetch_currency_symbol", as: "fetch_currency_symbol"

【问题讨论】：

你知道如果有一个答案可以回应你的问题，你可以接受那个答案吗？，显示用户 X 问题可以用 Y 答案解决。

标签： ruby-on-rails ruby ajax ruby-on-rails-5

【解决方案1】：

如果真的需要使用 ajax 请求，我会考虑。您不能将符号作为数据属性附加到<option> 元素吗？

module LocationsHelper
  def location_options(locations)
    options_for_select(
      locations.map{ |c| [c.name, c.id, {'data-currency_code'=>c.currency}] }
    )
  end
end

此帮助器方法返回一个适合 rails select 帮助器的数组数组，并假定位置具有名称属性，并且您可以通过调用 location.currency 获取货币符号。根据您的实际设置进行调整。

然后您可以使用以下命令创建选择标签：

<%= f.select(:location_id, location_options(Location.all)) %>

这可以让你简单地读出值：

// Use delegated handles to ensure compatibility with turbolinks
$(document).on('change', '#location_id', function() {
  var $elem = $(this).find('option:selected');
  $('#manageproject_symbol').val($elem.data("currency_code"));
});

<!-- this is just HTML to support the snippet -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="/locations/manage" accept-charset="UTF-8" data-remote="true" method="post"><input name="utf8" type="hidden" value="&#x2713;" /><input type="hidden" name="_method" value="patch" /><input type="hidden" name="authenticity_token" value="341Fo3drT5jyTlsTWcsosmclgBaXUqtxI8baubkdZOIlBGDUez/yc1wgW+XqEVcrHCS4U9hDKGAwcIpjtOb/Fw==" />
  <label>Location:
    <select name="location_id" id="location_id">
      <option data-currency_code="$" value="1">USA</option>
      <option data-currency_code="&pound;" value="2">Great Britain</option>
      <option data-currency_code="&#8377;" value="3">India</option>
    </select>
  </label>
  <label>Currency symbol: <input type="text" id="manageproject_symbol"/></label>
</form>

【讨论】：