Как настроить отправку формы через jquery?

Question

[Алина]

на странице html есть много форм, у всех одинаковый class:

<form action='/admin/test_tour.php' method='post' class='my_form'  target='_blank'><div class='new' style='cursor:pointer;'><input type='hidden' value='".$data_new."' class ='my_json' name='data_new'><b><p style='font-size: 20px;'>%s руб</p></b></div></form>

jquery код:

$("#content").on("click", ".new", function(){	
  $('.my_form').submit();
});

как сделать так, чтобы при нажатии на блок div отправлялись данные именно из формы, на которую нажали? сейчас приходят данные из последней на странице.

Answer 1

[Дмитрий Демиденко]

Попробуйте так. Код писал прямо здесь, возможно придётся что то править

$("#content").on("click", ".new", function(){	
 var form = $(this).parent('form');
var url = form.attr('action');
var data = form.serialize();

$.post(url, data, function(res){
//res это ответ сервера, тоесть то, что вернёт ваш test.tour.php (используйте возвращение ответа в json для удобства)

console.log(res);
});
});

Comments

[Алина]

Да, спасибо! так работает, только ответ выводится в консоль, а как сделать, чтобы открывался этот test_tour в новом окне и выводил данные

[Дмитрий Демиденко]

$("#content").on("click", ".new", function(){	
 var form = $(this).parent('form');
form.submit();
// Тогда Вы будете перенаправлены на страницу которая указана у вас в action. Именно там нужно написать что и как Вы хотите вывести