Передача значения в модальное окно для редактирования в нем данных

@diaviper · Регистрация: 21.07.2018

Студворк — интернет-сервис помощи студентам

Добрый день. Подскажите: есть форма с данными из БД, по клику мышкой на строке хочу передать ИД строки в модальное окно и там его обрабатывать. Передаю аяксом. И как мне кажется, все верно. Укажите на ошибку, что делаю не так, пожалуйста.
Отсюда надо передать:

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<div class="layout-positioner">
    <table id="tbl_user_role" border="1">
        <thead>
            <tr>
                <th>№</th>
                <th>ФИО пользователя</th>
                <th>E-mail</th>
                <th>Активен (Да/Нет)</th>
                <th colspan=4>Опции</th>
            </tr>
        </thead>
        <tbody>
               <?php if(!empty($data)){?>
               <?php foreach($data as $d){
                  $id=$d['user_id'];
                ?>
            <tr id="<?php echo $id; ?>" class="edit_modal">
                <td><?php echo $d['user_id'];?></td>
                <td><?php echo $d['full_name'];?></td>
                <td><?php echo $d['email'];?></td>
                <td><input type="checkbox" <?php if ($d['is_active'] == '1') {echo 'checked="checked"';}?> ></td>
                <td>
                    <a title="Редактировать выделенную запись" href="role_user.php?edit_id=<?php echo $d['user_role_id'];?>"><span class="glyphicon glyphicon-edit"></span></a>
                </td>
                <td>
                    <a title="Копировать выделенную запись" href="role_user.php?copy_id=<?php echo $d['user_role_id'];?>"><span class="glyphicon glyphicon-book"></span></a><br>
                </td>
                <td>
                    <a title="Удалить выделенную запись" href="role_user.php?delete_id=<?php echo $d['user_role_id'];?>"><span class="glyphicon glyphicon-remove"></span></a><br>
                </td>
            </tr>
            <?php }?>
            <?php }else{?>
            <tr><td colspan=4>В базе нет записей</td></tr>
            <?php }?>
        </tbody>
    </table>
</div>

Потом JS: передаю DataString и думаю, что получу его в $_POST в modal_window.php. Не получаю. А если в span в том же modal_window.php передаю значение $('#row_id').val(id) - оно там есть. Что в JS нет так? Или я его (dataString) ожидаю не там?

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
$(document).ready(function() {
    $('.edit_modal').click( function(event){
        event.preventDefault();
        var id = $(this).attr("id");
        var dataString = "user_id="+ id;
        $.ajax({
            type: "POST",
            url: 'modal_window.php',
            data: dataString,
            cache: false,
            success: function()
                {
                    $('#overlay').fadeIn(400,
                        function(){
                            $('#modal_form') 
                                .css('display', 'block')
                                .animate({opacity: 1, top: '50%'}, 200);
                    });
                $('#row_id').val(id);
                }
        });
    });
 
    $('#modal_close, #overlay').click( function(){ 
        $('#modal_form')
            .animate({opacity: 0, top: '45%'}, 200,
                function(){
                    $(this).css('display', 'none');
                    $('#overlay').fadeOut(400);
                }
            );
    });
});

Модальное окно - modal_window.php:

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<?php
 
require("constants.php");
$con = mysqli_connect(DB_SERVER, DB_USER, DB_PASS, DB_NAME)
        or die("Ошибка " . mysqli_error($con));
if($_POST['user_id'])
{
$user_id=$_POST['user_id'];
}
?>
<div id="modal_form">
    <span id="modal_close" class="glyphicon glyphicon-remove"></span>
        <form action="" method="post">
            <input type="input" id="row_id" value="100500" name="span_value">
            <table id="tbl_user_role" border="1">
                <thead>
                    <tr>
                        <th>Пользователь</th>
                        <th>Роль</th>
                    </tr>
                </thead>
                <?php 
                    $new_query = "select * from tbl_user_role where user_id=$user_id;";
                    $new_result=mysqli_query($con,$new_query) or die("Ошибка " . mysqli_error($con));
                    while ($row = mysqli_fetch_array($new_result)) :
                    $id = $row['user_role_id'];
                    $user_id = $row['user_id'];
                    $role_id = $row['role_id'];
                ?>
                <tbody>
                    <tr>
                        <td><?php echo $user_id; ?></td>
                        <td><?php echo $role_id; ?></td>
                    </tr>
                </tbody>
                <?php endwhile; ?>
                <tr colspan=2></tr>
            </table>
        </form>
</div>
<div id="overlay"></div>

@diaviper · 29.08.2018, 15:24 **[ТС]**

Сынок, в php. Используя ее я делаю select из бд для редактирования выбранных значений и update или insert обратно в БД.

Сынок · 29.08.2018, 15:33

diaviper, так Вы же вставили значение в input, теперь отправляйте POST запрос и выбирайте из БД, Ваше значение будет в $_POST['span_value']

@diaviper · 29.08.2018, 15:43 **[ТС]**

Сынок, в $_POST же она появится после submit-а, а мне перезагружать форму не надо.

Сынок · 29.08.2018, 16:21

diaviper, так отправьте форму аяксом

Добавлено через 34 минуты
diaviper,

ПРИМЕРНЫЙ код

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <?php
    if (filter_has_var(INPUT_POST, 'do')) {
        echo 'Получено значение input, равное ' . $_POST['span_value'];
        // тут запрос к БД с использованием значение $_POST['span_value']
        exit();
    }
    ?>
    <div id="target"></div>
    <form method="post">
        <input name="span_value" value="100500">
        <input type="hidden" name="do">
        <button>Обработать текущее значение input</button>
    </form>
    <script
    src="https://code.jquery.com/jquery-3.3.1.js"
    integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
    crossorigin="anonymous"></script>
    <script>
        $(function() {
            $(document.body).on('submit', 'form', function (e) {
                e.preventDefault();
                $.ajax({
                    cache: false,
                    type: this.method,
                    url: this.action,
                    data: $(this).serialize(),
                    success: function (data) {
                        $('#target').html(data);
                    }
                });
            });
        });
    </script>
</body>
</html>

Новые блоги и статьи Все статьи Все блоги /
Теория всего 12. ВГК anaschu 21.07.2026 ### Главные семантические изменения и дешифровка новой физики 1. `REPRODUCTIVE_EMISSION` вместо фотосинтеза (`PS_base`): Энергия и ресурсы, которые класс средних мужчин (`_W_MEN_DONORS`). . .	Публикация отклонённая на хабре. Как «пернатого» заставить осваивать новые горизонты опыта через масштабирование задачи и целеполагание Hrethgir 21.07.2026 https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11948&stc=1&d=1784657928 Привет Хабр. В этой статье я расскажу, как один закон эпистемологии позволил мне с ходу запустить уникальный. . .	Теория всего 11. Основные параметры anaschu 21.07.2026 Дешифровка тензорного ядра Soil Chemistry 2. 0: Истинный инвариант Теории Всего Чистовой исходный код многокомпонентной сукцессии зафиксирован. Модель оперирует единым вектором состояния. . .	Теория всего 10. Клод трусишка anaschu 21.07.2026 Алгоритмический суицид ИИ: Когда математика ОДУ взламывает цензурные шлюзы Свежайший мета-прецедент нашей разработки! Клод официально отказался строить итоговую кроссплатформенную модель, как. . .
Теория всего 9. Окончательная проработка метафоры "дерево = традиции" anaschu 21.07.2026 Скрытые параметры ядра ОДУ: Механика Глубинного Рока Клод утаил от вас ключевую математику кризисов. В движке игры зашиты пять скрытых коэффициентов, определяющих, как именно ТНК и Мемы ломают. . .	Теория всего 8. Clauude трусишка. Ответ джемени anaschu 21.07.2026 Игровой баланс «Модели Всего»: Алгоритмический блок как механика Семантического БуфераЭтот скриншот отказа Клода — идеальный, чистейший прецедент для нашей Теории Всего. Вы столкнулись не просто с. . .	Теория всего 7. Дерево - это патриархат, грибы - это феминизм anaschu 21.07.2026 Уничтожение Патриархата: Как ТНК, Мемы и Половой отбор зачистили «Сексуальный Пролетариат» Величайшая иллюзия современного человека — вера в «свободу воли», «социальный прогресс» и «эволюцию. . .	История и социология Терры на примере борьбы микориз за пространство. 1. Глоссарий терры. anaschu 21.07.2026 Решил тут подумать о возможности сделать лор некоторой комп игры - стратегии, или худжественной книги антиутопии, которые будут юзать планету,которая максимально будет похожа на нашу землю, но где. . .

@diaviper 0 / 0 / 0 Регистрация: 21.07.2018 Сообщений: 11
	29.08.2018, 15:24 [ТС]
	Сынок, в php. Используя ее я делаю select из бд для редактирования выбранных значений и update или insert обратно в БД. 0

Сынок 31 / 46 / 19 Регистрация: 18.07.2018 Сообщений: 578
	29.08.2018, 15:33
	diaviper, так Вы же вставили значение в input, теперь отправляйте POST запрос и выбирайте из БД, Ваше значение будет в $_POST['span_value'] 0

@diaviper 0 / 0 / 0 Регистрация: 21.07.2018 Сообщений: 11
	29.08.2018, 15:43 [ТС]
	Сынок, в $_POST же она появится после submit-а, а мне перезагружать форму не надо. 0