На этом шаге мы рассмотрим отправку данных на сервер и удаление 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.
На следующем шаге мы продолжим изучение этого вопроса.