在Rails中显示来自API的搜索栏查询结果

在Rails中显示来自API的搜索栏查询结果，通常涉及到以下几个基础概念和技术点：

基础概念

API（应用程序接口）：一种让应用程序之间进行交互的协议，通常用于数据的传输和交换。
AJAX（异步JavaScript和XML）：一种在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页的技术。
Rails控制器（Controller）：负责处理请求并返回响应的组件。
Rails视图（View）：负责展示内容的模板文件。

类型

RESTful API：一种基于HTTP协议，使用HTTP方法（GET、POST、PUT、DELETE等）进行数据操作的API设计风格。
GraphQL API：一种由Facebook开发的查询语言，允许客户端请求所需的数据，而不是服务器决定返回哪些数据。

应用场景

搜索功能：用户在前端输入搜索关键词，通过AJAX请求发送到后端API，后端处理后返回结果，前端再动态展示这些结果。
数据展示：从API获取数据并在前端进行图表展示、列表显示等。

问题与解决方案

问题1：如何从API获取数据并在Rails视图中显示？

解决方案：

在Rails控制器中创建一个方法来处理API请求并获取数据。

class SearchController < ApplicationController
  def index
    @results = []
    if params[:query]
      response = HTTParty.get("https://api.example.com/search?q=#{params[:query]}")
      @results = JSON.parse(response.body)['results']
    end
  end
end

在视图中使用content_for或直接在模板中使用@results变量来展示数据。

<!-- app/views/search/index.html.erb -->
<%= form_tag search_path, method: :get do %>
  <%= text_field_tag :query, params[:query] %>
  <%= submit_tag 'Search' %>
<% end %>

<% if @results.any? %>
  <ul>
    <% @results.each do |result| %>
      <li><%= result['title'] %></li>
    <% end %>
  </ul>
<% else %>
  <p>No results found.</p>
<% end %>

问题2：如何处理API请求失败的情况？

解决方案：

在控制器中添加错误处理逻辑，例如使用rescue来捕获异常并设置默认值或显示错误信息。

class SearchController < ApplicationController
  def index
    @results = []
    begin
      if params[:query]
        response = HTTParty.get("https://api.example.com/search?q=#{params[:query]}")
        @results = JSON.parse(response.body)['results']
      end
    rescue StandardError => e
      logger.error "API request failed: #{e.message}"
      # 设置默认值或显示错误信息
      @results = [{ title: 'Error fetching data. Please try again later.' }]
    end
  end
end