@monsterhide

Отправляется пустое сообщение через форму с помощью AJAX. Ваши предположения?

Приветствую!

Подскажите пожалуйста, может кто знает, сталкивался.
Есть форма отправки сообщения в базу:

<form>
...
</form>


Есть AJAX скрипт, который обрабатывает форму после клика по кнопке Отправить.
Функция данного скрипта, отправка данных в БД и вывод отправленного текста из формы на странице без перезагрузки страницы.
Допустим как в ВК... Написал, отправил, появился результат.
Все работает на ура!

Но когда я подключаю к форме редактор, допустим TinyMCE. Или подобный ему...
Отправляется пустое сообщение в базу и через AJAX, так же выводится пустое сообщение.
Если добавить запрет на отправку пустого поля, то выходит предупреждение, что поле пустое.

Вопрос:
В чем может быть причина?
П.С.: Если отключить AJAX скрипт и отправлять данные из формы используя редактор, то все так же проходит на ура!
Но естественно без появления новой информации из базы на странице без обновления. Ибо AJAX скрипт отключен.
Иными словами... Что редактор, что AJAX скрипт. Друг без друга, работают прекрасно!
А когда вместе... Ну никак не хотят дружить!

Выручайте, ребятушки!
С уважением!
  • Вопрос задан
  • 460 просмотров
Пригласить эксперта
Ответы на вопрос 2
werber
@werber
Веб разработчик, пишу на PHP+JS/JQuery
Предполагаю, что отладка вам поможет. Попробуйте логировать чуть ли не каждый шаг с помощью console.log();. Например, событие нажатия на кнопку, формирование массива данных, отдаваемых на сервер (кстати, тут бы интересно узнать как именно вы записываете данные, через php обработчик?), информация от обработчика, какие данные он принял, информация о передаваемых на внесение данных в БД. Вообще, из своего опыта могу сказать так - в тех случаях, когда у меня появляется проблема, сайт не делает то, что мне надо, я начинаю логировать каждый шаг, сверять данные, которые "путешествуют" между скриптами и т.д. Таким образом и выявляется проблема. Я так, например, поднял сайт на CMS Joomla, выяснив, что движок сайта на определённом этапе запрашивает файл, который был удалён намеренно хакером. А ведь, всего-то, больше отчётности в консоли разработчика.
Ответ написан
@curator
К примеру:

HTML:
<form method="post">
    <textarea id="text" name="text"></textarea>
    <button type="submit"></button>
  </form>


JS:
tinymce.init({
    selector: '#text'
  });


После инициализации тег textarea будет скрыт и добавлена разметка редактора, где и происходит редактирование текста. При изменении текста в редакторе, в textarea он не изменяется. Вы, скорее всего, получаете содержимое из textarea, отсюда и пустая строка.

Нужно вызвать метод редактора который обновит текст в textarea или получать текст через метод редактора.

К слову, при изменении скриптом содержимого в textarea, в редакторе оно не изменится, нужно тоже вызывать соответствующий метод.

В случае с tinymce, перед получением текста, для ajax отправки, можно вызвать метод
tinymce.EditorManager.triggerSave()

Подробнее в документации.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы