使用AJAX僅提交一種表單

Question

我的html視圖中有幾種形式（它們由php foreach顯示）。 表格范例：

<form method="POST" class="like-form-js">
 <input type="hidden" name="post_id" value="<?= $post['id'] ?>">
 <input type="hidden" name="user_id" value=<?= CoreController::findIndentityId(); ?>">
 <i class="far fa-thumbs-up color-grey c-pointer submit-like"></i>
</form>

我有很多這樣的形式。 我的js：

$('.submit-like').click( function() {
        $.ajax({
            url: 'some-url',
            type: 'post',
            dataType: 'json',
            data: $('.like-form-js').serialize(),
            success: function(data) {
                console.log('success');
            }
        });
    });

我只需要提交一個單擊的表單，但是該表單具有相似的類，並且都在提交。 如何解決呢？

Answer 1

您必須指定要提交的表單嘗試一下，

$('.submit-like').click(function(){
     $(this).parent().submit()
})

$('like-form-js').submit(function(e){
    e.preventDefault();
    $.ajax({
            url: 'some-url',
            type: 'post',
            dataType: 'json',
            data: $(this).serialize(),
            success: function(data) {
                console.log('success');
            }
        });
})