ラッピングフォームのないボタンを使用して投稿リクエストを送信することはできますか？

Question

私は投稿している仕事にユーザーが反応しています。

それはアウトを個別形式のボタンをラップでこれを提出するためにどのような方法がある

<button name="like" data-post-id="123">like</button> 

<button name="dislike" data-post-id="123">dislike</button> 

<button name="not bad" data-post-id="123">not bad</button> 

<button name="crazy!" data-post-id="123">crazy!</button> 

で構成されて？

Answer 1

ボタンにイベントリスナーをバインドし、AJAXを使用してリクエストを処理できます。

のjQueryを使用した例：

$('.btn').on('click', function(e){ 
    e.preventDefault(); 

    var name = $(this).attr('name'); 
    var id = $(this).attr('data-post-id'); 

    $.post("/path/to/file", { name: name, id: id }, function(response){ 
     console.log(response); 
    }); 
})