Правильный вывод содержимого через 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();

Шикарно!

Новые блоги и статьи Все статьи Все блоги /
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .	Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .	Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .

Опции темы