Повторно нажмите первую кнопку во второй кнопке(не нужно возвращаться к первой кнопке после обновления, просто сделайте это со второй кнопкой)

#php #jquery #ajax

Вопрос:

У меня есть кнопка, которая отправляет динамический код (PHP и БД MySQL) от <table> другой div , на которой, когда пользователь нажимает на нее, то данные извлекаются из DB на основе данного идентификатора с <table> , а затем он открывает еще одну <div> , на котором пользователь может просмотреть характеристики данного ID, по этому div есть еще одна кнопка, которая используется для обновления некоторых данных, когда пользователь нажимает на, затем он отправляет идентификатор и обновить некоторые столбцы в базе данных с помощью jQuery /AJAX и проблема недавно обновлены колонны не может быть извлечена, пока я не обновите страницу.

     $('#table').on('click', '.my_dynamic_id_from_a_button_in_a_table', function(e) {
    e.preventDefault();

        var id = $(this).attr("id"); 
        $.ajax({
                url:"send_data_to_div.php",
                method:"POST",
                data: id,
                dataType: 'JSON'
        }).done( function(data) {
         //open the detailed info <div> and append fetched data
        });
    });

//After that we have a button on the detailed info div, this button is coming from send_data_to_div.php and it looks as follow in the info div 

    <div id="detailedinfodiv">>
     <button type="button" id="the id came with the json from send_data.php">Update</button>
    //all other details will follow down here
    </div>

//Jquery for the above button

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

        var id = $(this).attr("id"); 
        $.ajax({
                url:"update_the_div.php",
                method:"POST",
                data: id,
                dataType: 'JSON'
        }).done( function(data) {
         //I cantsee new updated data until page is reloaded because the given data was fetched by different event, how can i solve this
        });
    });
 

Я не могу видеть обновленные данные до тех пор, пока страница не будет перезагружена, И я думаю, что это связано с тем, что данные были получены другим событием, как я могу это решить?

В другом значении: Я ХОЧУ ПОВТОРНО ЩЕЛКНУТЬ КНОПКУ, НАЙДЕННУЮ В СТРОКЕ ТАБЛИЦЫ, ВО ВТОРОЙ КНОПКЕ, НАЙДЕННОЙ В НОВЫХ СГЕНЕРИРОВАННЫХ ДАННЫХ ПЕРВОЙ КНОПКОЙ

Комментарии:

1. Если вы хотите вызвать событие для элемента с помощью сценариев, есть api.jquery.com/trigger

2. @CBroe Я не понимаю, как это работает, из-за того, как это было объяснено в документации, моя первая кнопка использовалась для отправки некоторых данных другому <div>, но в этом <div><div> есть еще одна кнопка, используемая для обновления некоторых данных, но проблема возникает после успешного обновления данных, это требует, чтобы я вернулся в таблицу и снова нажал первую кнопку(это не хорошо для моего UX, мне нужно запустить первую кнопку, сгенерированную php как Json во втором div, так как первая кнопка содержит идентификатор данных, используемых для запроса первой информации из БД )

3. Ваше описание того, как это работает, слишком запутанно, я не могу сказать, в чем сейчас должна быть реальная проблема. То, на что я ссылался, объясняет, как вы можете запускать обработчики событий, которые уже были добавлены в элемент — $('#foo').trigger('click') будут запускаться все обработчики щелчков, назначенные элементу с идентификатором foo . Итак, если ваша первая кнопка запускает загрузку (свежего) контента, который вы хотите показать, — тогда в чем именно сейчас проблема?

4. @CBroe Проблема в том, что при нажатии второй кнопки содержимое обновляется, но не загружает обновленные данные в этот раздел, пока я не обновлю страницу, а затем не нажму первую кнопку здесь, я могу увидеть обновленные данные в предыдущем клике

5. Да, это я уже знаю. Но я не понимаю, какая у вас проблема с простым нажатием на эту первую кнопку сейчас.