Как защитить запрос от изменения? [закрыт]

149

04 сентября 2021, 05:10

Закрыт. Этот вопрос не по теме. Ответы на него в данный момент не принимаются.

Хотите улучшить этот вопрос? Обновите вопрос так, чтобы он вписывался в тематику Stack Overflow на русском.

Закрыт 1 год назад.

Улучшить вопрос

Есть блок уведомлений с кнопками котрые имеют id записей при нажатии на кнопу открывается пост. Например как видно на скрине есть кнопка с data-id="274" если нажать на нее то в базу аяксом передастся id 274 и выведется запись с этим id. Проблема в том, что если пользователь введет через консоль разработчика другое значение например 555 то выведется запись с id 555. Мне нужно сделать так, что бы даже если пользователь изменит id то все равно выводилось 274. Как это можно сделать. Я пробовал сделать так в инсте или в вк и там работает так как я хочу. Надеюсь на вашу помощь

Answer 1

Создайте объект в js и id для каждой кнопки при первой загрузке страницы парсите всё в этот объект. А потом уже берете значения непосредственоо с него. Например в самой примитивной реализации:

<div class="wrap"> 
    <a href="javascript:void(0);" id="show_post_notify_btn_274" class="show_post_notify_btn" data-id="wallid_274"></a>
</div>
<div class="wrap"> 
    <a href="javascript:void(0);" id="show_post_notify_btn_278" class="show_post_notify_btn" data-id="wallid_278"></a>
</div>
<div class="wrap"> 
    <a href="javascript:void(0);" id="show_post_notify_btn_280" class="show_post_notify_btn" data-id="wallid_280"></a>
</div>
<div class="wrap"> 
    <a href="javascript:void(0);" id="show_post_notify_btn_290" class="show_post_notify_btn" data-id="wallid_290"></a>
</div>
<script>
    (function($){
        let postLoader = {
            postButtons : {},
            init: function()
            {
                this.prepareData();
                this.events();
            },
            prepareData: function()
            {
                $('.show_post_notify_btn').each(function(index, el) {
                    postLoader.postButtons[$(el).attr('id')] = $(el).data('id');
                });
            },
            events: function()
            {
                $('.show_post_notify_btn').on('click', function(event) {
                    var key = $(this).attr('id');
                    var id = postLoader.postButtons[key];

                    postLoader.send(id);
                });
            },
            send: function(id)
            {
            },

        }
        $(document).ready(function() {
            postLoader.init();
        });
    })(jQuery);
</script>