Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> ajax отправка формы без перезагрузки страници / jQ, n-количество форм на странице 
:(
    Опции темы
Slavaweb
Дата 26.2.2014, 10:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 1
Регистрация: 3.3.2013

Репутация: нет
Всего: нет



Если форма одна на страницу, то все работает нормально. 
Если таких форм n-количество на странице, то работает только первая, подскажите, как сделать, что бы работали все формы.

index.html

Код

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Отправка формы Ajax</title>
<script type="text/javascript" src="/jQuery.min.js"></script>
<script type="text/javascript">
    function send()
    {
        //Получаем параметры
        var data = $('#mydata').val()
          // Отсылаем паметры
               $.ajax({
                        type: "POST",
                        url: "/SendData.php",
                        data: "data="+data,
                        // Выводим то что вернул PHP
                        success: function(html) {
         //предварительно очищаем нужный элемент страницы
                                $("#result").empty();
        //и выводим ответ php скрипта
                                $("#result").append(html);
                        }
                });
    }
</script>
</head>
<body>
    <form action="" id="myform">
        <input type="text" name="mydata" id="mydata" />
        <input type="button" onclick="send();" value="Отправить" />
    </form>
    
    <div id="result"></div>
</body>
</html>



SendData.php

Код

<?php
$data = $_POST[data];

echo $data;
?>


PM MAIL   Вверх
everyone
Дата 6.3.2014, 16:29 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 218
Регистрация: 24.3.2004

Репутация: нет
Всего: 4



Код

var forms = $('.myform'); // Не идентификатор, а класс

forms.submit(function(event) {
               $.ajax({
//...
                        data: event.currentTarget.serialize(),
//...
                });
});



Ссылку на форму скорее всего можно получить и из объекта события event.
--------------------
Что написал, то написал (Пилат)
PM ICQ Skype   Вверх
Google
  Дата 18.2.2020, 11:59 (ссылка)  





  Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Применение библиотек | Следующая тема »


 




[ Время генерации скрипта: 0.0950 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.