Как отобразить ответ сервера на странице

@Mirex1911 · Регистрация: 26.01.2014

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

после отправки данных серверу он возвращает данные такой функцией

PHP
1
echo $_POST[name], ' отправлено ', date("j.n.Y, G:i:s", $time), '<br>', $_POST[comment], '<br>';

как теперь этот ответ отобразить на странице?

@Блеф · 21.07.2014, 22:42

Вы имеите ввиду с посторонего сервера?
file_gets_content(); - тогда

@Mirex1911 · 21.07.2014, 22:45 **[ТС]**

нет, с того же, откуда и страница. или это как-то по-другому делается совсем?

@Nick007 · 21.07.2014, 22:54

по идее страница должна перегрузиться и ответ отобразится,
у вас страница перегружается, после отправки формы
или вы используете ajax ?

Добавлено через 3 минуты
возможно вы хотите скомбинировать исходную страницу со странице результата?
тогда просто нужно объединить скрипты вывода и обработки формы,
что бы они были по одному адресу,
если используете ajax то вам нужно обработать ответ сервера и вставить результат в страницу исползуя js

@Mirex1911 · 21.07.2014, 22:56 **[ТС]**

ajax использую. js плохо знаю. как вставить?)

@Nick007 · 21.07.2014, 23:23

JavaScript

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

Добавлено через 1 минуту
вам нужно определиться, где на странице будет выводитсья ответ сервера,
во время отправки формы при помощи ajax нужно добавить или определить где добавлен обработчик ответа сервера,
в него вствить код который добавит полученные данные на страницу

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

Добавлено через 16 минут
если вы используете аjax при помощи jquery
попробуйте такой вариант:

HTML5
1
<div class="form_answer"></div>

JavaScript
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
    function pollHandler(response, responseStatus){
                $('.form_answer').append(response);
            }
    function errorPostMessage(event, request, settings){
    var s2=
//        ": 590"+'<br/>'
        //+"\n event.responseXML: "+event.responseXML+'<br/>'
//        +"\n event.responseText: "+event.responseText+'<br/>'
        +"\n event.status: "+event.status+'<br/>'
        +"\n event.statusText: "+event.statusText+'<br/>'
        +"\n request: "+request
        ;
    var system=s1+s2;
alert(settings);
}
 
    $.ajax({
        type: 'POST',
        url: 'http://my_site.ru/form_save.php',
        dataType: 'json',
        success: pollHandler,
        error: errorPostMessage,
        data: {
            name: $('#name').val(),
            comment: $('#comment').val()
        }
    });

@Mirex1911 · 22.07.2014, 14:02 **[ТС]**

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function send(e){
    e.preventDefault();
    $.ajax({ 
        type: 'POST', 
        url: 'file.php',
        data: {
            name: $('.name').val(),
            email: $('.email').val(),
            comment: $('.comment').val()
        },      
        success: function(date) {           
            $('#result').append(date);
        }
    });
}
$(function(){
    $('.myform').on('submit', send);
});

HTML5
1
<div id="result"></div>

вот что у меня получилось. вопрос еще такой: как сделать, чтобы при многократной отправке формы без перезагрузки страницы новые ответы отображались над старыми, а не под ними?

@Nabijon · 22.07.2014, 14:43

можно так
$('#result').html(date);
или
$('#result').text(date);

@Mirex1911 · 22.07.2014, 16:09 **[ТС]**

$('#result').text(date); так он все теги на странице отображает
$('#result').html(date); а так он заменяет предыдущий ответ

PHP
1
echo '<div>', htmlspecialchars($_POST["name"]), ' отправлено ', date("j.n.Y, G:i:s", $time), '<br>', htmlspecialchars($_POST["comment"]), '</div><br>';

вот что отправляет сервер. мб тут надо поменять что-нить?

Добавлено через 1 час 17 минут
все, разобрался, надо было .prepend() просто использовать

@Nick007 · 22.07.2014, 22:17

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

новые ответы отображались над старыми, а не под ними

JavaScript
1
2
3
4
  
        success: function(date) {           
            $('#result').prepend(date);
        }

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

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

можно так
$('#result').html(date);
или
$('#result').text(date);

тогда данные будут заменяться

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

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

.prepend() просто использовать

точно

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++ 8Observer8 17.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip	Символические и жёсткие ссылки в Linux. algri14 15.03.2026 Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .	[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ФедосеевПавел 14.03.2026 Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .	делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью
SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .	Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .

@Блеф > /dev/null 286 / 119 / 86 Регистрация: 14.05.2014 Сообщений: 767
	21.07.2014, 22:42
	Вы имеите ввиду с посторонего сервера? file_gets_content(); - тогда 0

@Mirex1911 0 / 0 / 0 Регистрация: 26.01.2014 Сообщений: 17
	21.07.2014, 22:45 [ТС]
	нет, с того же, откуда и страница. или это как-то по-другому делается совсем? 0

@Nick007 101 / 94 / 38 Регистрация: 30.09.2009 Сообщений: 442
	21.07.2014, 22:54
	по идее страница должна перегрузиться и ответ отобразится, у вас страница перегружается, после отправки формы или вы используете ajax ? Добавлено через 3 минуты возможно вы хотите скомбинировать исходную страницу со странице результата? тогда просто нужно объединить скрипты вывода и обработки формы, что бы они были по одному адресу, если используете ajax то вам нужно обработать ответ сервера и вставить результат в страницу исползуя js 0

@Mirex1911 0 / 0 / 0 Регистрация: 26.01.2014 Сообщений: 17
	21.07.2014, 22:56 [ТС]
	ajax использую. js плохо знаю. как вставить?) 0

@Nabijon 9 / 9 / 0 Регистрация: 15.02.2013 Сообщений: 121
	22.07.2014, 14:43
	можно так $('#result').html(date); или $('#result').text(date); 0