Форум программистов, компьютерный форум, киберфорум
PHP для начинающих
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
 
Рейтинг 4.91/170: Рейтинг темы: голосов - 170, средняя оценка - 4.91
1 / 1 / 0
Регистрация: 16.07.2016
Сообщений: 186

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

08.10.2016, 15:10. Показов 41156. Ответов 27
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
У меня имеется код:
PHP/HTML
1
2
3
4
5
6
7
8
9
10
<?php
if(isset($_POST['submit'])) {
    $text = $_POST['text'];
    echo $text;
}
?>
<form method="post" action="">
<input type="text" name="text" />
<input type="submit" name="submit" />
</form>
Мне нужно, чтобы при нажатии на кнопку - echo с текстом выводилось без перезагрузки страницы. Наверное через ajax? Как это всё реализовать?
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
08.10.2016, 15:10
Ответы с готовыми решениями:

Оценить значение поля (выполнить php-скрипт) без перезагрузки страницы
Приветствую. Есть форма (текстовое поле в ней и две кнопки). В текстовое поле вводится ответ на некоторый вопрос, который представлен выше...

Как отправить переменную с js на php без перезагрузки страницы?
есть переменная a её нужно отравить в php код как это можно реализовать? &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt;...

Как загрузить результат php скрипта без перезагрузки страницы?
Добрый день! Есть скрипт на php: Код скрипта на php &lt;?php header('Content-Type: text/html; charset=utf-8'); ...

27
Эксперт по компьютерным сетямЭксперт NIX
 Аватар для Dmitry
13440 / 7534 / 829
Регистрация: 09.09.2009
Сообщений: 29,554
08.10.2016, 15:17
Цитата Сообщение от mininvit Посмотреть сообщение
Наверное через ajax?
точно
Цитата Сообщение от mininvit Посмотреть сообщение
Как это всё реализовать?
описаний в тырнете - ну просто море. например
http://anton.shevchuk.name/jav... ners-ajax/
0
1 / 1 / 0
Регистрация: 16.07.2016
Сообщений: 186
08.10.2016, 15:20  [ТС]
Dmitry, А можно на моём примере показать. А то в статье много всего написано, я даже не знаю с чего начать.)
0
60 / 60 / 31
Регистрация: 24.05.2016
Сообщений: 202
08.10.2016, 15:24
mininvit,
PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<?php
if(isset($_POST['submit'])) {
    $text = $_POST['text'];
    echo $text;
}
?>
<span id="result"></span>
<form method="post" action="">
<input type="text" name="text" />
<input type="submit" name="submit" />
</form>
<script src="//code.jquery.com/jquery-1.11.3.js"></script>
<script>
$("input[name=submit]").on("click", function() {
    $.post('script.php', {
        'text':$("input[name=text]").val(),
        'submit':true
    }, function(data) {
        $('#result').text(data);
    });
});
</script>
1
1 / 1 / 0
Регистрация: 16.07.2016
Сообщений: 186
08.10.2016, 15:31  [ТС]
nekosoku, А страница все равно обновляется.

Добавлено через 5 минут
Azdeman, мм. разве так?
PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<?php
if(isset($_POST['submit'])) {
    $text = $_POST['text'];
    echo $text;
}
?>
<span id="result"></span>
<form>
<input type="text" name="text" />
<input type="submit" name="submit" />
</form>
<script src="//code.jquery.com/jquery-1.11.3.js"></script>
<script>
$("input[name=submit]").on("click", function() {
    $.post('script.php', {
        'text':$("input[name=text]").val(),
        'submit':true
    }, function(data) {
        $('#result').text(data);
    });
});
</script>
Страница по прежнему обновляется, отправляет get запрос и ничего не выводит.
0
Фрилансер
Эксперт PythonЭксперт JSЭксперт PHP
 Аватар для Azdeman
1871 / 1362 / 604
Регистрация: 12.01.2011
Сообщений: 5,470
08.10.2016, 15:38
HTML5
1
2
3
4
5
<script src='a.js'></script>
<form>
<input type="text" name="text" id='a'/>
<input type="submit" name="submit" id='enter'/>
</form>
script.php
PHP
1
2
3
4
if(isset($_POST['text'])) {
    $text = $_POST['text'];
    echo $text;
}
a.js
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
$(function(){
$("#enter").click(function(){
var d = $("#a").val();
 $.ajax({
          type:"POST",
          url : "script.php",
          data:{
                   'text':a
                  },
         success:function(data){
document.write(data);
}
});
});
});
0
1 / 1 / 0
Регистрация: 16.07.2016
Сообщений: 186
08.10.2016, 19:15  [ТС]
Azdeman, Ну? Всё также. В адресной строке get запросы, обновление страницы, и ничего не появляется
0
Эксперт PHP
4925 / 3920 / 1620
Регистрация: 24.04.2014
Сообщений: 11,441
08.10.2016, 19:28
Лучший ответ Сообщение было отмечено mininvit как решение

Решение

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<?php
    if ( isset($_POST['text']) ) {
        die($_POST['text']);
    }
?>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<form id="ajax-form" action="script.php" method="post">
    <input type="text" name="text">
    <input type="submit">
</form>
<div id="result"></div>
<script>
    $('#ajax-form').submit(function(e) {
        e.preventDefault();
        var method = $(this).attr('method');
        var url = $(this).attr('url');
        $[method](url, $(this).serialize(), function(data) {
            $('#result').html(data);
        });
    });
</script>
1
 Аватар для prudkiy
181 / 149 / 55
Регистрация: 21.07.2013
Сообщений: 958
09.10.2016, 16:43
Видимо тут не так чуть разобрано.
1 - измените type=submit на type=button. Иначе увидев что это кнопка отправки браузер полюбом будет отправлять.
Нужно понять сам принцип работы с ajax. В общем дело происходит так -
js реагирует на какое там нам нужно действие, собирает необходимые данные которые нужно передать на сервер и собственно их отсылает. Сервер их получил что нужно с ними сделал и дал ответ. JS получил ответ и дальше работает с полученными данными.
Думаю уже ясно что команда echo тут уже не прокатит.
1
Эксперт PHP
4925 / 3920 / 1620
Регистрация: 24.04.2014
Сообщений: 11,441
09.10.2016, 17:29
Цитата Сообщение от prudkiy Посмотреть сообщение
1 - измените type=submit на type=button. Иначе увидев что это кнопка отправки браузер полюбом будет отправлять.
Есть такая штука, как отмена действий по-умолчанию. В jQuery это делается методом preventDefault в обработчике. На чистом js обработчик должен вернуть false
Цитата Сообщение от prudkiy Посмотреть сообщение
Думаю уже ясно что команда echo тут уже не прокатит.
Каким же образом тогда js получит в теле ответа что-либо отличное от пустоты?
1
 Аватар для prudkiy
181 / 149 / 55
Регистрация: 21.07.2013
Сообщений: 958
09.10.2016, 18:00
Цитата Сообщение от Jewbacabra Посмотреть сообщение
Каким же образом тогда js получит в теле ответа что-либо отличное от пустоты?
тут я имел ввиду что выводом на экран текста будет заниматься не php. А то что команда echo используется для ответа js то это да.

Добавлено через 4 минуты
Цитата Сообщение от Jewbacabra Посмотреть сообщение
В jQuery это делается методом preventDefault в обработчике
Про нее я помню, но думаю все таки надежней в этом случаи просто указать как я говорил выше
0
Эксперт PHP
4925 / 3920 / 1620
Регистрация: 24.04.2014
Сообщений: 11,441
09.10.2016, 18:16
Цитата Сообщение от prudkiy Посмотреть сообщение
думаю все таки надежней в этом случаи просто указать как я говорил выше
Помимо клика на кнопку могут быть и другие варианты отправки формы. Если уж говорить про надежность, то обработчик события submit отловит все попытки отправить форму.
1
1 / 1 / 0
Регистрация: 16.07.2016
Сообщений: 186
09.10.2016, 18:48  [ТС]
А как вместо submit использовать ссылку <a>. При нажатии на ссылку с name="submit" выполнялся этот же код?
JavaScript
1
2
3
4
5
$('#ajax-form').submit(function(e) {
e.preventDefault(); 
var method = $(this).attr('method'); 
var url = $(this).attr('url');
$[method](url, $(this).serialize(), function(data) { $('#result').html(data); }); });
0
1 / 1 / 0
Регистрация: 16.07.2016
Сообщений: 186
14.10.2016, 19:09  [ТС]
Jewbacabra, prudkiy, Как мне заменить кнопку submit на ссылку. При нажатии на <a href="#">Нажать</a> выполнялся этот же код?
0
Эксперт по компьютерным сетямЭксперт NIX
 Аватар для Dmitry
13440 / 7534 / 829
Регистрация: 09.09.2009
Сообщений: 29,554
14.10.2016, 19:41
Цитата Сообщение от Jewbacabra Посмотреть сообщение
HTML5
1
<input type="submit">
заменить на
HTML5
1
<input type="button">
и одновременно с этим изменить и яваскрипт, т.к. в предложенных вариантах обработчик именно для submit
0
 Аватар для fanatikus
1932 / 1523 / 703
Регистрация: 17.11.2012
Сообщений: 6,585
14.10.2016, 19:50
Лучший ответ Сообщение было отмечено mininvit как решение

Решение

HTML5
1
<a href="" id="link">Link</a>
JavaScript
1
2
3
4
5
6
$('#link').click(function(e) {
    e.preventDefault();
    var method = $('#ajax-form').attr('method'); 
    var url = $('#ajax-form').attr('url');
    $[method](url, $('#ajax-form').serialize(), function(data) { $('#result').html(data); }); 
});
1
1 / 1 / 0
Регистрация: 16.07.2016
Сообщений: 186
15.10.2016, 14:54  [ТС]
Как мне дореализовать этот код? Если нажата кнопка "Приписать 00" -> приписываем к тексту два нуля, также с тремя нулями:
PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<?php
    if (isset($_POST['text'])) {
        die($_POST['text']);
    }
?>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<form id="ajax-form" action="" method="post">
    <input type="text" name="text" />
    <a href="" id="func1">Прописать 00</a> 
    <a href="" id="func2">Прописать 000</a>
    <div id="result"></div>
</form>
<script>
    $('#func1,#func2').click(function(e) {
    e.preventDefault();
    var method = $('#ajax-form').attr('method'); 
    var url = $('#ajax-form').attr('url');
    $[method](url, $('#ajax-form').serialize(), function(data) { $('#result').html(data); }); 
    });
</script>
0
Эксперт PHP
4925 / 3920 / 1620
Регистрация: 24.04.2014
Сообщений: 11,441
15.10.2016, 18:13
Лучший ответ Сообщение было отмечено mininvit как решение

Решение

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
<?php
    if ( isset($_POST['text']) ) {
        die($_POST['text'] . $_POST['add']);
    }
?>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<form id="ajax-form" action="script.php" method="post">
    <input type="text" name="text">
    <input type="hidden" name="add">
    <a href="#" data-add="00">Прописать 00</a>
    <a href="#" data-add="000">Прописать 000</a>
</form>
<div id="result"></div>
<script>
    $('#ajax-form').submit(function(e) {
        e.preventDefault();
        var add = $(this).children('[name="add"]');
        if ( add.val() == '' ) {
            return;
        }
        var method = $(this).attr('method');
        var url = $(this).attr('url');
        $[method](url, $(this).serialize(), function(data) {
            $('#result').html(data);
        });
        add.val('');
    }).on('click', '[data-add]', function(e) {
        e.preventDefault();
        var form = $(this).parent();
        form.children('[name="add"]').val($(this).data('add'));
        form.submit();
    });
</script>
1
1 / 1 / 0
Регистрация: 16.07.2016
Сообщений: 186
15.10.2016, 19:43  [ТС]
Jewbacabra, Спасибо большое! Но я не совсем это имел в виду.) Мне hidden не нужен. Вместо этих "двух нулей", мне нужно писать некие функции. Допустим кнопки "прибавить" или отнять, вроде калькулятора. То есть проверить какая кнопка была нажата name="summa" или name="minus". А после выполнить функцию, в зависимости от данной кнопки.
PHP
1
2
3
4
5
6
7
8
<?php
    if(isset($_POST['summa'])) {
         //Блок функций
    }
    if(isset($_POST['minus'])) {
         //Блок функций
    }
?>
Только как это связать с js и реализовать это? Заранее спасибо.
0
Эксперт PHP
4925 / 3920 / 1620
Регистрация: 24.04.2014
Сообщений: 11,441
15.10.2016, 20:47
Цитата Сообщение от mininvit Посмотреть сообщение
Только как это связать с js и реализовать это?
Ну а в чем проблема? Повесить на каждую кнопку обработчик на onclick и все.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
15.10.2016, 20:47
Помогаю со студенческими работами здесь

AJAX - как сделать запрос к PHP-коду без перезагрузки страницы
Эта тема имеет больше общего с JavaScript, но ввиду того, как часто у новичков возникают вопросы вроде &quot;Как выполнить функцию PHP из...

Как сделать мультизагрузку фото с ajax и php без перезагрузки страницы?
или хотя бы как можно как можно отправить данные массива name='image' в файл обработчик ? Добавлено через 15 минут вот мой js: ...

Как по ссылке PHP направить в нужный мне блок без перезагрузки страницы.
Создаю сайт только на PHP, не сильно силен, но хочу сделать его немного динамическим. На сайте имеется Блок шапки, слева меню, которое с...

Как заставить этот код работать без перезагрузки страницы (ajax)
Здравствуйте. Вопрос такой - есть страница table.html в неё подключается table.php с помощью include. В файле table.php происходит вывод...

Исполнение PHP-скрипта без перезагрузки страницы и без знания JavaScript(!) - Xajax
Приветствую! Решил запостить отдельной темой, а в прилепленной (про Ajax) просто разместить на нее ссылку. Так будет структурно правильнее,...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
20
Ответ Создать тему
Новые блоги и статьи
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
Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .
Создание Single Page Application на фреймах
krapotkin 16.11.2025
Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru