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

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

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

есть форма

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>";
}

Новые блоги и статьи Все статьи Все блоги /
Система статов в Unity GameUnited 20.04.2025 Статы — фундаментальный элемент игрового дизайна, который определяет характеристики персонажей, предметов и других объектов в игровом мире. Будь то показатель силы в RPG, скорость передвижения в. . .	Статические свойства и методы в TypeScript run.dev 20.04.2025 TypeScript прочно занял своё место в системе современной веб-разработки. Этот строго типизированный язык программирования не просто расширяет возможности JavaScript — он делает разработку более. . .	Batch Transform и Batch Gizmo Drawing API в Unity GameUnited 20.04.2025 В мире разработки игр и приложений на Unity производительность всегда была критическим фактором успеха. Создатели игр постоянно балансируют между визуальной привлекательностью и плавностью работы. . .	Звук в Unity: Рандомизация с Audio Random Container GameUnited 20.04.2025 В современных играх звуковое оформление часто становится элементом, который либо полностью погружает игрока в виртуальный мир, либо разрушает атмосферу за считанные минуты. Представьте: вы исследуете. . .	Максимальная производительность C#: Советы, тестирование и заключение stackOverflow 20.04.2025 Погружение в мир микрооптимизаций C# открывает перед разработчиком целый арсенал мощных техник. Но как определить, где и когда их применять? Ответ начинается с точных измерений и профилирования. . . .
Максимальная производительность C#: Предсказание ветвлений stackOverflow 20.04.2025 Третий ключевой аспект низкоуровневой оптимизации — предсказание ветвлений. Эта тема менее известна среди разработчиков, но её влияние на производительность может быть колоссальным. Чтобы понять. . .	Максимальная производительность C#: Векторизация (SIMD) stackOverflow 20.04.2025 Помимо работы с кэшем, другим ключевым аспектом низкоуровневой оптимизации является векторизация вычислений. SIMD (Single Instruction, Multiple Data) позволяет обрабатывать несколько элементов данных. . .	Максимальная производительность C#: Процессорный кэш stackOverflow 20.04.2025 Знакомство с внутренним устройством процессорного кэша — ключевой шаг в написании по-настоящему быстрого кода на C#. Этот слой архитектуры компьютера часто ускользает от внимания разработчиков, но. . .	Максимальная производительность C#: Введение в микрооптимизации stackOverflow 20.04.2025 В мире разработки на C# многие привыкли полагаться на . NET Runtime, который "магическим образом" сам оптимизирует код. И часто это работает - современные JIT-компиляторы творят чудеса. Но когда речь. . .	MVC фреймворк в PHP Jason-Webb 19.04.2025 Архитектурный паттерн Model-View-Controller (MVC) – это не просто модный термин из мира веб-разработки. Для PHP-программистов это фундаментальный подход к организации кода, который радикально меняет. . .