При передаче данных через AJAX не передаются некоторые поля формы

@Qwertty1990 · Регистрация: 18.06.2015

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

Я новичок, так что сильно не плюйтесь ))
Возникла проблема при передаче данных формы обработчику AJAXом.

Собственно, форма

HTML5
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
<html>
<head>
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
 <script type="text/javascript">
 $(document).ready(function(){
  $("#submit2").click(function(){
  var brand = $("#brand").val();
  var model = $("#model").val();
  var color = $("#color").val();
  var price = $("#price").val();
   
     $.post("http://site/up3.php",
     {
       brand: brand,
       model: model,
       color: color,
       price: price
     },
     function(data){
      $("#alert").html(data);
     }
     );
     });
     });
</script>
</head>
 <body>
 
<input type="text" id="brand" placeholder=" | Brand" required /><br>
<input type="text" id="model" placeholder=" | Model" required /><br>
<input type="text" id="color" placeholder=" | Color" required /><br>
<input type="text" id="price" placeholder=" | Price" required /><br>
<button type="submit" value="OK" id="submit2">OK</button>
 
<p id="alert"></p>
</body>
</html>

И обработчик:

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<?php
$connect = mysql_connect('localhost','root','') or die(mysql_error());
mysql_select_db('auto', $connect);
 
if(isset($_POST['submit2'])) {
  $brand = $_POST['brand'];
  $model = $_POST['model'];
  $color = $_POST['color'];
  $price = $_POST['price'];
  $query = mysql_query("INSERT INTO spisok VALUES('','$brand', '$model', '$color', '$price')") or die(mysql_error());
 
 }
 
 
 ?>

Если передавать данные средствами HTML, то скрипт успешно отрабатывает команду, если же втыкаю AJAX, скрипт не работает.

Если в php скрипте убрать ['submit2'], то всё работает, но это не выход.

Вопрос, куда у меня девается этот самый 'submit2' при передаче AJAXом?

F57 · 18.06.2015, 15:29

Так ведь ты submit2 не передаёшь.

@fanatikus · 18.06.2015, 15:59

и подключение к базе(имхо) нужно перенести в if.
зачем подключаться, если дальше, возможно ничего не будет происходить

@Qwertty1990 · 18.06.2015, 21:00 **[ТС]**

С этим разобрался )
Теперь следующий вопрос.
Есть следующий код

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
<?php
 $con = mysql_connect('localhost','root','') or die(mysql_error());
 $db = mysql_select_db('auto' , $con);
 
 if($db==false)
 die( mysql_error() );
 
 $sql="SELECT * FROM spisok";
 $res=mysql_query($sql) or die( mysql_error() );
 
 if(mysql_num_rows($res) > 0 ) {
 echo '<form method="POST" action="up2.php">';
 while($row=mysql_fetch_assoc($res) ) {
  echo ' ID : ' . $row["id"].'<br />';
  echo ' brand :<br> <input type="text" name="brand['.$row["id"].']" value="'.$row["brand"].'"><br />'."\n";
  echo ' model :<br> <input type="text" name="model['.$row["id"].']" value="'.$row["model"].'"><br />'."\n";
  echo ' color :<br> <input type="text" name="color['.$row["id"].']" value="'.$row["color"].'"><br />'."\n";
  echo ' price :<br> <input type="number" name="price['.$row["id"].']" value="'.$row["price"].'"> RUR<br />'."\n";
   echo '<input type="hidden" name="id[]" value="'.$row["id"].'"> '."\n";
   echo '<br>delete <input type="checkbox" name="delete[]" value="'.$row["id"].'"> ' . "\n";
   echo "<hr>\n";
   
  }
  echo '<input type="submit" name="submit" value="SAVE/DELETE">';
  echo '</form>';
  
 
 }
 
?>

Каким образом мне средствами AJAX отправить всё это дело на обработчик?

Не вдаваясь в терминологию (что бы не написать галиматью), поясню тем, кому не хочется анализировать код. Данный скрипт выводит все данные из базы в поля для редактирования, что бы можно было массово редактировать и удалять записи.

Так вот, каким образом всё это добро можно отправить в обработчик? Я пока только додумал до того, что бы кусками вставлять PHP-код в код jQuery, дабы заполучить $row["id"], но мне кажется это работать не будет, или будет некорректно.

Поделитесь соображениями как это можно реализовать.

@fanatikus · 18.06.2015, 21:24

Сообщение от Qwertty1990

что бы можно было массово редактировать и удалять записи.

удалять, конечно и массово можно. а вот редактировать(имхо) лучше по одному.
представь страницу, если товаров хотя бы штук 200.

Добавлено через 7 минут

Сообщение от Qwertty1990

дабы заполучить $row["id"],

нужно не только id, а и значения измененных полей

Добавлено через 6 минут
может сделать список товаров - название и две кнопки редактировать, удалить.
нажал удалить, товар удалился.
нажал редактировать, открылась форма с данными товара для редактирования.
для массового удаления можно в списке сделать чекбоксы, и кнопку, удалить выделенные.
как-то так.

@Qwertty1990 · 18.06.2015, 21:58 **[ТС]**

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

@Armi · 19.06.2015, 01:10

На сервере получаешь поля точно также $_POST['brand'];

JavaScript
1
2
3
4
5
6
7
8
$.ajax({
                url:     "up3.php",
                type:     "POST",
                dataType: "html",
                data: $("#form1").serialize(),
                success: function(data) { $("#alert").html(data);},
            error: function(response) {alert(response);}
         });

HTML5
1
2
3
4
5
6
7
<form id="form1">
<input type="text" id="brand" placeholder=" | Brand" required /><br>
<input type="text" id="model" placeholder=" | Model" required /><br>
<input type="text" id="color" placeholder=" | Color" required /><br>
<input type="text" id="price" placeholder=" | Price" required /><br>
<button type="submit" value="OK" id="submit2">OK</button>
</form>

@fanatikus · 19.06.2015, 10:20

Сообщение от Armi

name, забыл

@Qwertty1990 · 19.06.2015, 15:45 **[ТС]**

Сообщение от Armi

На сервере получаешь поля точно также $_POST['brand'];

Чёт не работает. Если ставить в обработчике

PHP
1
if(isset($_POST['submit2']))

то вообще не работает, если

PHP
1
if(isset($_POST))

то работает, но значения пустые добавляются.

@Armi · 19.06.2015, 15:49

Сообщение от fanatikus

name, забыл

+
С кода автора выше скопировал) Не обратил внимание. Просто обычно name всегда пишут у элементов формы.

Добавлено через 54 секунды

HTML5
1
2
3
4
5
6
7
<form id="form1">
<input type="text" name="brand" placeholder=" | Brand" required /><br>
<input type="text" name="model" placeholder=" | Model" required /><br>
<input type="text" name="color" placeholder=" | Color" required /><br>
<input type="text" name="price" placeholder=" | Price" required /><br>
<button type="submit" value="OK" id="submit2">OK</button>
</form>

Добавлено через 28 секунд
Замените на name

Добавлено через 1 минуту

Сообщение от Qwertty1990

if(isset($_POST['submit2']))

Если нет return false в обработчике клика можете вобще убрать

Сообщение от Armi

type="submit"

у кнопки.

@Qwertty1990 · 19.06.2015, 15:53 **[ТС]**

Не фурычит никак ( Пустые строки и всё

@fanatikus · 19.06.2015, 15:57

Сообщение от Qwertty1990

Не фурычит никак ( Пустые строки и всё

покажите полностью весь код(который, как вы говорите, не фурычит)

@Armi · 19.06.2015, 15:58

Что то мне подсказывает вы пытаетесь не то вобще сделать:

Сообщение от Qwertty1990

Пока актуальным остаётся вопрос как всё добро с формы переправить AJAXом в обработчик.))

Сообщение от Qwertty1990

Каким образом мне средствами AJAX отправить всё это дело на обработчик?

Вы случаем не хотите получить эту форму средствами ajax с сервера? Тогда это называется по другому...

@fanatikus · 19.06.2015, 16:02

Сообщение от Qwertty1990

Пустые строки и всё

где пустые строки?

@Qwertty1990 · 19.06.2015, 16:16 **[ТС]**

Сообщение от Armi

Что то мне подсказывает вы пытаетесь не то вобще сделать:

Вы случаем не хотите получить эту форму средствами ajax с сервера? Тогда это называется по другому...

Нет, то самое. Я понял что вы ответили по поводу поста #1. ) В принципе я с этим разобрался, но решил ещё посмотреть Ваш вариант, т.к. в моём данные после отправки остаются в форме.

Пост #4 тоже актуален, мне на другом форуме подсказали скрипт,

JavaScript
1
2
3
4
5
6
7
8
$('#edit_form').submit(function(e){
        e.preventDefault();
        var _this = $(this);
 
        $.post(_this.attr('action'), _this.serialize(), function(response){
                alert(response);
        });
});

правда он тоже не фурычит )) Ну или я чё не догоняю

Добавлено через 8 минут
https://www.dropbox.com/s/9rss... 1.png?dl=0

Вот скрин пустых строк )) Т.е. другим скриптом добавляешь всё добавляется, а этим вот так.
Если не в формы выводить то же самое будет ))

@fanatikus · 19.06.2015, 18:15

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
if(mysql_num_rows($res) > 0 ) {
    echo '<form method="POST" action="up2.php">';
    while($row=mysql_fetch_assoc($res) ) {
       echo'<p>';
       echo ' ID : ' . $row["id"].'<br />';
       echo ' brand :<br> <input type="text" name="brand['.$row["id"].']" value="'.$row["brand"].'"><br />'."\n";
       echo ' model :<br> <input type="text" name="model['.$row["id"].']" value="'.$row["model"].'"><br />'."\n";
       echo ' color :<br> <input type="text" name="color['.$row["id"].']" value="'.$row["color"].'"><br />'."\n";
       echo ' price :<br> <input type="number" name="price['.$row["id"].']" value="'.$row["price"].'"> RUR<br />'."\n";
       echo '<input type="hidden" name="id[]" value="'.$row["id"].'"> '."\n";
       echo '<br>delete <input type="checkbox" name="delete[]" value="'.$row["id"].'"> ' . "\n";
       echo "<hr>\n";
       echo '</p>';
   }
   echo '<input type="submit" name="submit" id="sub" value="SAVE/DELETE">';
   echo '</form>';
 }

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
    $(document).ready(function(){
        $('#sub').click(function(e){
            e.preventDefault();
            $.ajax({
                url:'file.php',//адрес обработчика
                type:'post',
                data: $('#f').serialize(),
                success:function(msg){
                    $('#res').html(msg);
                    if(msg == '1'){//если удаление прошло успешно, удаляем товары из формы
                        var ch = $("#f :checkbox:checked");
                        $.each(ch,function(i,val){
                            $(val).parent().remove();
                        })
                    }
                }
                
            });
        });
    });

обработчик формы

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
$str = '';
$count = count($_POST['delete']);
$i = 1;
foreach($_POST['delete'] as $v){
    $com = $i==$count?'':',';
    $str .= "'".$v."'".$com;
    $i++;
}
//подключение к базе напишите сами
 
$sql = "delete from `mytable` where `id` in(".$str.")";
 
// далее удаляем выбранные товары
// если все нормально удалилось возвращаем 1.
if(mysql_query($sql)){
    echo "1";
}
else{
    echo 'что-то пошло не так';
}

@Qwertty1990 · 19.06.2015, 18:52 **[ТС]**

Спасибо ) Прошу прощения за наглость, но тут только на удаление скрипт, а мне надо ещё редактирование полей.

Обработчик вот такой в оригинале:

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
<?php
$con = mysql_connect('localhost','root','') or die(mysql_error());
 $db = mysql_select_db('auto' , $con);
 
 if($db==false)
 die( mysql_error() );
 
 
if(isset($_POST["submit"]))
 {
 
 if(isset($_POST["delete"])) {
 $list = implode("," , $_POST["delete"]);
 $sql=" delete FROM spisok WHERE id IN ($list)";
 mysql_query($sql) or die ( mysql_error() );
 }
 
 foreach($_POST["id"] AS $id)
 {
 $brand = mysql_real_escape_string ($_POST["brand"][$id]);
 $model = mysql_real_escape_string ($_POST["model"][$id]);
 $color = mysql_real_escape_string ($_POST["color"][$id]);
 $price = mysql_real_escape_string ($_POST["price"][$id]);
 $update=" UPDATE `spisok` SET `brand` = '$brand', `model` = '$model', `color` = '$color', `price` = '$price' WHERE `id` = $id LIMIT 1 ; ";
 
 mysql_query($update) or die( mysql_error() );
 }
 $redirect = isset($_SERVER['HTTP_REFERER'])? $_SERVER['HTTP_REFERER']:'new3.php';
header("Location: $redirect");
exit();
 }
 
 ?>

@fanatikus · 19.06.2015, 19:27

Сообщение от Qwertty1990

Прошу прощения за наглость, но тут только на удаление скрипт, а мне надо ещё редактирование полей.

а самому, сделать по аналогии, слабо. я думаю, тут уже столько подсказали, что можно уже понять принцип.

Добавлено через 19 минут

HTML5
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
<script type="text/javascript">
 $(document).ready(function(){
        $('#submit2').click(function(e){
            e.preventDefault();
            $.ajax({
                url:'file.php',//адрес обработчика
                type:'post',
                data: $('#f_1').serialize(),
                success:function(msg){
                    $("#alert").html(data);
                }
                
            });
        });
    });
 </script>
 
<form id="f_1" method="post">
    <input type="text" id="brand" placeholder=" | Brand" required /><br>
    <input type="text" id="model" placeholder=" | Model" required /><br>
    <input type="text" id="color" placeholder=" | Color" required /><br>
    <input type="text" id="price" placeholder=" | Price" required /><br>
    <button type="submit" value="OK" name="submit2" id="submit2">OK</button>
</form>
<p id="alert"></p>

обработчик, в твоем первом посте

@Qwertty1990 · 21.06.2015, 12:50 **[ТС]**

Сообщение от fanatikus

а самому, сделать по аналогии, слабо. я думаю, тут уже столько подсказали, что можно уже понять принцип.

проблема в том, что ни один из предоставленных примеров не работает.

я уже как только не вертел этот код, вообще 0 результата.

@fanatikus · 21.06.2015, 14:03

этот код, рабочий 100%, проверил

HTML5
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
<script type="text/javascript">
 $(document).ready(function(){
        $('#submit2').click(function(e){
            e.preventDefault();
            console.log($('#form').serialize());
            $.ajax({
                url:'pr.php',//адрес обработчика
                type:'post',
                data: $('#form').serialize(),
                success:function(msg){
                    $("#alert").html(msg);
                }
                
            });
        });
    });
 </script>
 
<form id="form" method="post">
    <input type="text" id="brand" name="brand" placeholder=" | Brand" required /><br>
    <input type="text" id="model" name="model" placeholder=" | Model" required /><br>
    <input type="text" id="color" name="color" placeholder=" | Color" required /><br>
    <input type="text" id="price" name="price" placeholder=" | Price" required /><br>
    <button type="submit" value="OK" name="submit2" id="submit2">OK</button>
</form>
<p id="alert"></p>
    </body>
</html>

обрабокчик pr.php

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
$connect = mysql_connect('localhost','root','') or die(mysql_error());
mysql_select_db('auto', $connect);
 
if(!empty($_POST['brand']) && !empty($_POST['model']) && !empty($_POST['color']) && !empty($_POST['price'])) {
    $brand = mysql_real_escape_string ($_POST['brand']);
    $model = mysql_real_escape_string ($_POST['model']);
    $color = mysql_real_escape_string ($_POST['color']);
    $price = mysql_real_escape_string ($_POST['price']);
    $res = mysql_query("INSERT INTO `spisok` VALUES('','".$brand."', '".$model."', '".$color."', '".$price."')") or die(mysql_error());
    if($res){
        echo "Товар добавлен";
    }
    else{
        echo "Товар добавить не удалось";
    }
 }
 else{
     echo "Не все поля заполнены";
 }

Добавлено через 26 минут
и этот, удаление работает

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
42
43
44
45
46
47
48
49
50
51
52
53
54
<script>
    $(document).ready(function(){
        $('#sub').click(function(e){
            e.preventDefault();
            $.ajax({
                url:'del.php',//адрес обработчика
                type:'post',
                data: $('#f').serialize(),
                success:function(msg){
                    $('#res').html(msg);
                    if(msg == '1'){//если удаление прошло успешно, удаляем товары из формы
                        var ch = $("#f :checkbox:checked");
                        $.each(ch,function(i,val){
                            $(val).parent().remove();
                            
                        });
                        $('#message').text('Товары, удалены');
                    }
                    else{
                        $('#message').html(msg);
                    }
                }
            });
        });
    });
    </script>
    <div id="message"></div>
<?php
$con = mysql_connect('localhost','root','') or die(mysql_error());
 $db = mysql_select_db('auto' , $con);
 
 if($db==false)
 die( mysql_error() );
 
 $sql="SELECT * FROM spisok";
 $res=mysql_query($sql) or die( mysql_error() );
 
if(mysql_num_rows($res) > 0 ) {
    echo '<form method="POST" id="f">';
    while($row=mysql_fetch_assoc($res) ) {
       echo'<p>';
       echo ' ID : ' . $row["id"].'<br />';
       echo ' brand :<br> <input type="text" name="brand['.$row["id"].']" value="'.$row["brand"].'"><br />'."\n";
       echo ' model :<br> <input type="text" name="model['.$row["id"].']" value="'.$row["model"].'"><br />'."\n";
       echo ' color :<br> <input type="text" name="color['.$row["id"].']" value="'.$row["color"].'"><br />'."\n";
       echo ' price :<br> <input type="number" name="price['.$row["id"].']" value="'.$row["price"].'"> RUR<br />'."\n";
       echo '<input type="hidden" name="id[]" value="'.$row["id"].'"> '."\n";
       echo '<br>delete <input type="checkbox" name="delete[]" value="'.$row["id"].'"> ' . "\n";
       echo "<hr>\n";
       echo '</p>';
   }
   echo '<input type="submit" name="submit" id="sub" value="SAVE/DELETE">';
   echo '</form>';
 }

обработчик del.php

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
$connect = mysql_connect('localhost','root','') or die(mysql_error());
mysql_select_db('auto', $connect);
$str = '';
$count = count($_POST['delete']);
$i = 1;
foreach($_POST['delete'] as $v){
    $com = $i==$count?'':',';
    $str .= "'".$v."'".$com;
    $i++;
}
//подключение к базе напишите сами
 
$sql = "delete from `spisok` where `id` in(".$str.")";
 
// далее удаляем выбранные товары
// если все нормально удалилось возвращаем 1.
if(mysql_query($sql)){
    echo "1";
}
else{
    echo 'что-то пошло не так';
}

Новые блоги и статьи Все статьи Все блоги /
Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Programma_Boinc 01.01.2026 Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Сочетание глобально распределённой вычислительной мощности и инновационных. . .	Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .	PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .

F57 68 / 68 / 23 Регистрация: 17.02.2015 Сообщений: 397
	18.06.2015, 15:29
	Так ведь ты submit2 не передаёшь. 0

@fanatikus 1932 / 1523 / 703 Регистрация: 17.11.2012 Сообщений: 6,585
	18.06.2015, 15:59
	и подключение к базе(имхо) нужно перенести в if. зачем подключаться, если дальше, возможно ничего не будет происходить 0

@Qwertty1990 1 / 1 / 1 Регистрация: 18.06.2015 Сообщений: 29
	18.06.2015, 21:58 [ТС]
	Ну по идее то да, только я думаю это не сильно упростит задачу. ) Для начала бы сдалать хоть как-то из имеющегося материала, а дальше можно экспериментировать. Пока актуальным остаётся вопрос как всё добро с формы переправить AJAXом в обработчик.)) 0

@Qwertty1990 1 / 1 / 1 Регистрация: 18.06.2015 Сообщений: 29
	19.06.2015, 15:53 [ТС]
	Не фурычит никак ( Пустые строки и всё 0