как изменить статус против идентификатора в laravel ajax?

Question

Проблема, с которой я сталкиваюсь, заключается в том, что, когда я нажимаю активную кнопку, все активные кнопки статьи меняются на неактивные. Я хочу изменить статус этого идентификатора статьи, который я установил как неактивный, с активного.Все статьи останутся активными или неактивными, как описано в базе данных. Как я могу получить это?Если кнопка «Неактивная статья» изменится на «Неактивно» для этой статьи, при нажатии на которую щелкают не все статьи, и когда я обновляю страницу, статус всех статей устанавливается на «Активный», но в базе данных их статус меняется на «Неактивный».

HTML:

  <button class="btn btn-sm btn-danger delete-article-btn"                                                   
    onclick="deleteArticle({{$article['aID']}})">Active
   </button>

Сценарий:

<script>
    function deleteArticle(id) {

        $.ajax({
            url: '{!! URL('/pay/dash/panel/delete_article') !!}',
            type: 'post',
            dataType: 'json',
            data: {'user_id': id},
            success: function (response) {
                console.log(response);
                console.log('Article ID',id);

                if (response == 1) {
                    $('.delete-article-btn').html('Inactive');
                } else {
                    $('.delete-article-btn').html('Active');
                }
            }, error: function (error) {

            }
        });
    }
</script>

Контроллер:

 public function deleteArticles(Request $request)
{
    $userId = $request->input('user_id');
    $result = 0;

    $checkArticle = Article::where('id', $userId)->where('is_deleted',0)->get();

    if (count($checkArticle)>0) {
        Article::where('id', $userId)->update(['is_deleted' => 1]);
        $result = 1;
    } else {
        Article::where('id', $userId)->update(['is_deleted' => 0]);
        $result = 0;
    }

    return $result;
}

Answer 1

 <button class="btn btn-sm btn-danger delete-article-btn mybtn-{{$article['aID']}}"                                                   
    rel="{{ $article['aID'] }}" rel2="1">Active
   </button>

<script>
    $(document).on('click','.delete-article-btn',function(){
         var id = $(this).attr('rel');
         var status = $(this).attr('rel2');
         $.ajax({
            url: '{!! URL('/pay/dash/panel/delete_article') !!}',
            type: 'post',
            dataType: 'json',
            data: {'user_id': id,'status':status},
            success: function (response) {
                console.log(response);
                console.log('Article ID',id);

                if (response == 1) {
                    $('.mybtn-'+id).html('Inactive');
                    $('.mybtn-'+id).attr('rel2',0);
                } else {
                    $('.mybtn-'+id).html('Active');
                    $('.mybtn-'+id).attr('rel2',1);
                }
            }, error: function (error) {

            }
        });
    })

</script>

public function deleteArticles(Request $request)
{
    $userId = $request->input('user_id');
    $status = $request->input('status');

    $result = 0;
    if ($status==0) {
        Article::where('id', $userId)->update(['is_deleted' => 1]);
        $result = 1;
    } else {
        Article::where('id', $userId)->update(['is_deleted' => 0]);
        $result = 0;
    }

    return $result;
}

Answer 2

Вы изменяете html-содержимое всех кнопок с классом ".delete-article-btn"

if (response == 1) {
   $('.delete-article-btn').html('Inactive');
} else {
   $('.delete-article-btn').html('Active');
}

Вы должны указать, какую кнопку нужно обновить, возможно, с помощью атрибута данных,как вы предпочитаете ..

if (response == 1) {
   $('.delete-article-btn[data-id=X]').html('Inactive');
} else {
   $('.delete-article-btn[data-id=X]').html('Active');
}

Кроме того, на стороне сервера кажется, что вы нацеливаетесь на ВСЕ статьи от пользователя, я думаю, вам нужно получить только статью, которую вы хотите отключить или нет.