Правильный вывод содержимого через AJAX

@[progeR] · Регистрация: 20.08.2011

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

Добрый вечер.
Есть страница с формой регистрации нового пользователя. При нажатии на кнопку "отправить" данные из формы с помощью AJAX передаются на сервер и обрабатываются скриптом php. Код AJAX'a:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
$.ajax(
            {  
                url: 'php/register.php',  
                cache: true,
                type: 'post',
                data:
                {
                    name: $('#name').val(),
                    surname: $('#surname').val(),
                    middlename: $('#middlename').val(),
                    phoneNumber: $('#phoneNumber').val(),
                    zipCode: $('#zipCode').val(),
                    city: $('#city').val(),
                    address: $('#address').val(),
                    email: $('#email').val(),
                    password: $('#password1').val()
                },
                success: function(html){ $('#content').html(html); }
            });

Видно, что html код, который будет получен от сервера, запишется в контейнер с id = #content.
Если пользователь новый, то html - некий форматированный текст. Если же пользователь уже существует, то выполняется скрипт, т.е. html =

HTML5
1
2
3
4
5
6
7
8
9
10
<script type="text/javascript">
    var n = noty(
        {
            layout: 'bottomRight',
            type: 'error',
            text: 'Ошибка регистрации. Пользователь с таким email уже существует!',
            timeout: false,
            force: true
        });
</script>

Это всплывающее сообщение в правом нижнем углу экрана. Видно, что этот код содержит только один скрипт и не содержит текста. Следовательно, когда происходит его выполнение, контейнер с id = #content пустеет, а по логике он должен остаться таким, какой есть (т.е. с регистрационной формой), чтобы пользователь мог исправить введенные данные.
Вот как проверить, что представляет собой переменная html - текст или скрипт? Тогда на основе этого знания можно написать условие: если текст - вывести его в контейнер, если же скрипт - выполнить его, а контейнер оставить не тронутым.

@Forastero · 09.07.2013, 10:28

Мое предложение - сделать немного иначе.

Зачем Вам передавать JS и Форматированный текст напрямую из PHP файла?

Пускай он отправляет "success" и "error" в зависимости от результата.

А уже в самом Ajax запросе ловите эти 2 строки и выполняйте определенное действие.

К примеру:

JavaScript
1
2
3
4
5
6
7
success: function(html){
if(html == "success") {
//Выводим форматированный текст
}else {
//Выводим сообщение об ошибке
}
}

Намек ясен?

@Soldado · 09.07.2013, 11:05

JavaScript
1
2
3
4
5
6
7
8
9
  name: $('#name').val(),
                    surname: $('#surname').val(),
                    middlename: $('#middlename').val(),
                    phoneNumber: $('#phoneNumber').val(),
                    zipCode: $('#zipCode').val(),
                    city: $('#city').val(),
                    address: $('#address').val(),
                    email: $('#email').val(),
                    password: $('#password1').val()

Вместо всего этого можно записать

JavaScript
1
2
3
4
5
6
7
$('#forma').submit(function(stop){
            stop.preventDefault();
 
var mydata=$(this).serialize(); // вот эту сериализацию
 
// и в ajax'e передавать
data: mydata,

В PHP, в связи с этим, ничего не менять

@[progeR] · 09.07.2013, 11:47 **[ТС]**

Forastero, да, хороший выход из положения, странно, что я сам до этого не догадался)
А можно и такой костыль:

HTML5
1
<script type="text/javascript" id="script">...</script>

добавить ИД к скрипту, а в success: function(html) с помощью indexOf() проверять наличие этого ИДа.
Soldado,

JavaScript
1
var mydata=$(this).serialize();

Шикарно!

Новые блоги и статьи Все статьи Все блоги /
Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .	Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .
Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .	Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .	Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизитов табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .