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