Несколько форм разделяют один пост jquery

0
$(".form").click(function(){

        $.post(
            '/forms/ajax.php',{
            id:form.id.value
            },
            function(output){
            $('#ajax').html(output).fadeIn(50)}, 500);
            }
        );


$n=1;
while(//LOOP ALL LIST FROM DB){
  echo" 
      <form id='form' class='form'>
         <div class='content'>".$n.". ".$title[$n-1]."</div>
         <input type='hidden' name='id' value='".$id."'/>
      </form>
  ";
  $n++
}

У меня есть использование страницы, в то время как цикл вытесняет весь список, каждый список может щелкнуть, а jquery будет отправлять данные на другую страницу и отправлять данные обратно.

Моя проблема заключается в том, как я могу использовать один скрипт $ post для всего списка.

ех. если list_1 щелкнуть, он отправит данные list_1. если list_3 щелкнет, он будет отправлять данные list_3

Теги:

1 ответ

0
Лучший ответ

Совсем просто. this относится к элементу dom, поэтому вызовы вроде $(this).submit() или $(this).serialize() будут либо отправлять форму, либо давать сериализованную строку с содержимым формы.

$('.form').on('submit', function(e) {
    e.preventDefault(); // prevents form from submitting

    $.post('/form/ajax.php', { $(this).serialize() }, function(output) {
        $('#ajax').html(output).fadeIn(50);
    });
});

Пример, предупреждающий сериализованные данные, можно найти в этой скрипке

Ещё вопросы

Сообщество Overcoder
Наверх
Меню