Обновление в базе данных без перезагрузки страницы

@Богдан Сокира · Регистрация: 05.10.2016

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

есть форма

PHP/HTML
1
2
3
4
5
6
7
8
9
<form method="post" action="?id=' . $row['id'] . '&victory='.$_GET['victory'].'">
                <input type="text"  name="metr"  size="40" value="'.$row['metric_area'].'">';
                ?>
                <input type="radio"     name="browser" value="1" <? if(($row['pointer']!='left')||($row['pointer']!='right'))       {echo 'checked';} ?>>both
                <input type="radio"     name="browser" value="2" <? if($row['pointer']=='left')     {echo 'checked';} ?>>left
                <input type="radio"     name="browser" value="3" <? if($row['pointer']=='right')    {echo 'checked';} ?>>right
                
                    <input type= "submit" name="bro" value= "Оoooooooooooyyyyyyh"> 
                </form>

данные из формы добавляются в базу скриптом

PHP
1
2
3
4
5
mysqli_query ($connection, "UPDATE `mf_maket_adress`   SET 
                    `metric_area` =         '".mysqli_real_escape_string($connection, $_POST['metr'])."',
                    `pointer` =         '".mysqli_real_escape_string($connection, $point)."'
 
                    WHERE `id` =".$_GET['id']);

как сделать чтобы данные добавлялись в базу без перезагрузке страницы?

@sasha0012 · 18.03.2018, 18:22

Скрипт записи в БД выставляем в отдельный файл, а ajax-ом посылаем ему данные:

JavaScript
1
2
3
4
5
6
function send() {
    $.post( 'script.php', {'browser': $("[name='browser']").val()},
        function(data){
            $('#rezult').html('ok');
    });
}

Форму убираем, вызов функции send(); ставил на любое событие (можно submit поменять на button и на него повесить отправку).

@Bohdan_1 · 19.03.2018, 13:02

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

Скрипт записи в БД выставляем в отдельный файл, а ajax-ом посылаем ему данные:

как правильно обработать данные из цикла?

@sasha0012 · 19.03.2018, 13:14

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

как правильно обработать данные из цикла?

Из какого цикла?
Может данные которые посылает ajax?
Точно также:

PHP
1
mysqli_real_escape_string($connection, $_POST['browser'])

@Bohdan_1 · 19.03.2018, 13:39

у меня выводит строки (которые нужно редактировать) из таблицы согласно $_GET

PHP
1
$yolk = mysqli_query($connection, "SELECT * FROM `mf_maket_adress` WHERE name in (".$_GET['victory'].") ORDER BY name ASC");

потом все это представляется в виде цикла т е цикл внутри формы

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
34
35
36
37
38
39
40
41
42
echo '<form id="form" method="post" action="?id=' . $row['id'] . '&victory='.$_GET['victory'].'">';
            while (($row = mysqli_fetch_assoc($yolk)))
            {
                echo '<a href="maket2.php?adress='.$row['adress'].'&metr='.rand(5, 950).'&street='.$row['sreet'].'">'.$row['name'].'</a>: '.$row['adress'];
                
                echo '<input type="text"    name="metr'.$row['name'].'"  size="40" value="'.$row['metric_area'].'">';
                ?>
                <input type="radio"     name="browser<?=$row['name']?>" value="1" <? if(($row['pointer']!='left')||($row['pointer']!='right')){echo 'checked';} ?>>both
                <input type="radio"     name="browser<?=$row['name']?>" value="2" <? if($row['pointer']=='left')        {echo 'checked';} ?>>left
                <input type="radio"     name="browser<?=$row['name']?>" value="3" <? if($row['pointer']=='right')   {echo 'checked';} ?>>right
                <br>
                    
                <?
                
                
                
                if(isset($_POST['bro'], $_GET['id']))
                {   
                    switch($_POST['browser'])
                    {
                        case "1":
                            $point='both';
                            break;
                        case "2":
                            $point='left';
                            break;
                        case "3":
                            $point='right';
                            break;
                    }
                    
                    mysqli_query ($connection, "UPDATE `mf_maket_adress`   SET 
                    `metric_area` =         '".mysqli_real_escape_string($connection, $_POST['metr'])."',
                    `pointer` =         '".mysqli_real_escape_string($connection, $point)."'
 
                    WHERE `id` =".$_GET['id']);
                    
                    header("Location:change.php?victory=".$_GET['victory']);
                }
            }
            echo    '<input type= "submit" name="bro" value= "Оoooooooooooyyyyyyh"> 
                    </form>';

@sasha0012 · 19.03.2018, 14:44

Если количество инпутов неизвестно, то:

JavaScript
1
2
3
4
5
6
function send() {
    $.post( 'script.php', {'arr_input': $('#form').serialize()},
        function(data){
            $('#rezult').html('ok');
    });
}

В файле обработчике строку $_POST['arr_input'] разбивайте на "Имя->Значение" и в цикле обрабатывайте этот массив.

@Bohdan_1 · 19.03.2018, 16:59

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

В файле обработчике строку $_POST['arr_input'] разбивайте на "Имя->Значение" и в цикле обрабатывайте этот массив.

подскажите как разбить $_POST['arr_input'] на имя-> значение

@sasha0012 · 20.03.2018, 10:10

главная:

HTML5
1
2
3
4
5
6
7
<form id='arr_input'>
    <input type='text' name='name_input1' value='123' />
    <input type='text' name='name_input2' value='456' />
    <input type='text' name='name_input3' value='789' />
    <input type='button' onclick='send();' value='СОХРАНИТЬ' />
</form>
<div id='rezult'></div>

JavaScript
1
2
3
4
5
6
function send() {
    $.post( 'script.php', {'arr_input': $('#arr_input').serializeArray()},
        function(data){
            $('#rezult').html(data);
    });
}

обработчик:

PHP
1
2
3
4
5
$arr_input = $_POST['arr_input'];
 
foreach ($arr_input as $key => $value) {
    echo $value['name']." = ".$value['value']."<br>";
}

Новые блоги и статьи Все статьи Все блоги /
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Рецензия / Мнение Это мой обзор планшета X220 с точки зрения школьника. Недавно я решила попытаться уменьшить свой. . .	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/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .