Как модальному окну передать значение get-параметра?

Question

[Артём Сысолятин]

Есть таблица, в последнем столбце каждой строчки находится кнопка "Редактировать", при нажатии на которую открывается окно, в котором и происходит редактирование выбранной строчки.
Если делать редактирование в новом окне, то можно ссылку для "Редактировать" делать вида "edit.php?get=1" - для первой строки, "edit.php?get=2" - для второй, и так далее.
Но в реализации проекта используются модальный окна прямо на самой index.php, где и располагается таблица.
Я сделал при нажатии на кнопку "Редактировать" появление модального окна с редактором, но как ему передать значение строчки?

Answer 1

[animr]

Если все еще вопрос актуален то легко:
у тебя ссылка на модальное окно следующее
<a href='#win1'>Отправить</a> так?

а ты перед #win1 добавь параметры get запроса
<a href='?id=1&title=принтер#win1'>отправить</a>
и все!

Answer 2

[Viktor Vsk]

Зависит от того, какой скрипт у вас создает модальное окно. У большинства популярных можно аяксом подгружать содержимое.

Comments

[Артём Сысолятин]

сделано всё на bootstrap-e

Answer 3

[andreyqin]

Все очень просто. При выводе из базы данных записей, вы к кнопке редактирования добавляете data-атрибут, в котором будет содержаться id записи. При нажатии на кнопку редактирования вы получаете этот id, отправляете AJAX-запрос на сервер, где получаете всю необходимую информацию о записи и выводите её во всплывающем блоке. Ну а сам всплывающий блок - это форма и редактирование записи производится путем обычной отправки формы, либо так же с помощью AJAX.

Comments

[Артём Сысолятин]

А как реализовать эти AJAX-запросы?

[andreyqin]

Например, так

$('.edit').on('click', function() {
    var id = $(this).data('id');
    $.post(
        'server.php',
        {'id': id},
        function(data) {
            /* На сервере получаете информацию о записи из базы, id которой соответствует переданному id, и возвращаете её, например, в формате JSON. В этой функции объект data будет содержать возвращенную информацию, которую вы без труда вставите во всплывающий блок. */
        },
        'json'
    );
});

Answer 4

[svd71]

function getUrlVars() { vars = [], hash; var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); for(var i = 0; i < hashes.length; i++) { hash = hashes[i].split('='); vars.push(hash[0]); vars[hash[0]] = hash[1]; } return vars; }