Laravel投稿サイト構築.83 -いいね機能の実装.3（ボタン配置・基礎動作確認）-

前回は、いいね機能実装でコントローラ作成とルーティングの追記。

まだいいね機能の動作確認はできていない。

基本動作確認
- ボタン配置
- javascript関数作成
まとめ

基本動作確認

まず、単純にボタンを配置して機能を確認する。

ボタン配置

bladeファイル

-----

<button onclick="like_theme({{$thread->thread_id}})">いいね</button>

-----

javascript関数作成

jsファイルを追加して非同期で動作する関数を記述する。

-----

window.like_theme = function(thread_id) {
$.ajax({
headers: {
"X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
},
url: `/like_theme/${thread_id}`,
type: "POST",
})
.done(function (data, status, xhr) {
console.log(data);
})
.fail(function (xhr, status, error) {
console.log();
});
}