Шаг 239.
Библиотека jQuery. Использование модулей расширения. Библиотека расширений jQuery UI. Формы. Виджет Jeditable (продолжение)

    На этом шаге мы рассмотрим отправку данных на сервер и удаление html-разметки.

    Материал этого шага базируется на http://it-route.ru/jeditable_manual_ru/.

    На сервер данные отправляются методом POST:

  id=elements_id&value=user_edited_content

    Есть возможность переименования отправляемых параметров. Например, нужно, чтобы отправилась следующая строка:

  elementid=elements_id&newvalue=user_edited_content

    Для этого необходимо добавить два параметра:

$(document).ready(function() {
     $('.edit').editable('http://www.example.com/save.php', {
         id   : 'elementid',
         name : 'newvalue'
     });
 });

    Если содержимое элементов класса edit_area, например, содержит данные с разметкой типа Wiki, Markdown, и требуется редактировать только текст в разметке, а не исходный html-текст содержимого блока. Для этого можно использовать параметр loadurl, который определяет url, с которого будут получены данные для редактирования:

$(document).ready(function() {
     $('.edit_area').editable('http://www.example.com/save.php', {
         loadurl  : 'http://www.example.com/load.php',
         type    : 'textarea',
         submit  : 'OK'
     });
 });

    В этом примере load.php должен вернуть содержимое блока без html-разметки. Однако, save.php возвращает текст с html-разметкой. После сохранения браузер отображает те данные, которые вернул скрипт save.php. Есть еще один вариант — можно передать разметку в параметре data.

    На следующем шаге мы продолжим изучение этого вопроса.




Предыдущий шаг Содержание Следующий шаг