【rails】axiosでgetリクエストを送る方法

※本サイトで紹介している商品・サービス等の外部リンクには、アフィリエイト広告が含まれる場合があります。

目次表示

AjaxにはAPIが必要
APIを作る

目次へ

AjaxにはAPIが必要

APIとは、Application　Programming　Interface　の略

不特定多数のいろいろな言語（ソースコード）を使うときにAPIが使われる

別のサーバーじゃなくても、自分のサーバーでも同じように使うことができる（難しい）

サーバーにリクエストを投げる（JavaScriptのソースコード）
サーバーで処理をおこなう（rubyのソースコード）
処理結果のデータ（Ajax）だけを渡す

JavaScriptはブラウザ、rubyはサーバーでそれぞれ動いている

APIは、プログラム同士のつなぎこみをしてくれる

APIを作る

json（ハッシュのようなデータ）

例えば、「記事を”いいね”しているか判定したい」とき

ブラウザから、JavaScriptで get 'articles/1/like' をリクエストする
サーバーで”いいね”しているかデータを確認する
{ data: { hasLiked: true } }のハッシュのようなデータをブラウザに返す

このハッシュのようなデータをjsonと言う

APIについての過去の学習記録はこちら

【Rubyの基本】APIについて学ぶ

【Rubyの基本】APIで記事を検索してみる

【Rubyの基本】APIのソースコードをclass に書き換える

GETリクエストのためのshowアクション

「/articles/1/like」のGETリクエストを送ったとき、「いいね」しているかしていないのか分かるAPIを作る

routes.rbを開いて:showを追加する

resource :like, only: [:show, :create, :destroy]

likes_controller.rbにshowアクションを書き加える

class LikesController < ApplicationController
  before_action :authenticate_user!

  def show
    article = Article.find(params[:article_id])
    like_status = current_user.has_liked?(article)
  end

該当のarticleを探し、has_liked?で「いいね」しているか判定する

like_statusには、trueまたはfalseが入る

「has_liked?」について

has_liked?は過去、user.rbで以下のように定義している

  def has_liked?(article)
    likes.exists?(article_id: article.id)
  end

showアクションでjsonを取得する

今までなら「show.html.haml」にrenderされていた
今回は「いいね」しているかのデータだけがほしい（viewにrenderしない）

  def show
    article = Article.find(params[:article_id])
    like_status = current_user.has_liked?(article)
    render json: { hasLiked: like_status }
  end