我正在构建一个让用户提交信息到网站进行发布的表单。我在可编辑的HTML标记上使用了使用contenteditable=true的内联编辑的组合,并且还使用了标准表单输入,如选择和文本字段。如何SerializeArray()表单中还需要序列化的HTML标记?
当用户提交表单时,我希望它通过Ajax发生。我理解如何序列化表单本身,但我不明白如何序列化同时设置的所有HTML元素,以便它们都在一个捆绑到服务器。
下面是一些例子HTML代码:
A title would go here
A subtitle here
Integer condimentum sit amet, tempor elit odio, a dolor non ante at sapien. Sed ac lectus. Nulla ligula quis eleifend mi, id leo velit pede cursus arcu id nulla ac lectus. Phasellus vestibulum. Nunc viverra enim quis diam.
Donec ullamcorper, risus tortor, pretium porttitor. Morbi quam quis lectus non leo.
Planes
Trains
Automobiles
要通过AJAX提交此我会做到这一点目前:
('form').submit(function (e) {
$.ajax({
type: 'post',
url: '/path/to/formprocessor',
data: $('form').serializeArray(), // serializing the form
dataType: "json",
done: function (result) {
// tell user its done!
},
error: function (result) {
alert("An error has occured.");
}
});
e.preventDefault();
});
如何序列化的HTML元素以及让一切都被提交一起?我想用contenteditable元素的ID来表示它的名字。所以在文章中,我想看看:
ItemCategory 1
ItemTitle A title would go here
ItemSubtitle A subtitle here
ItemURL http://www.com
ItemMainBody
Integer condimentum sit amet, tempor elit odio, a dolor non ante at sapien. Sed ac lectus. Nulla ligula quis eleifend mi, id leo velit pede cursus arcu id nulla ac lectus. Phasellus vestibulum. Nunc viverra enim quis diam.
Donec ullamcorper, risus tortor, pretium porttitor. Morbi quam quis lectus non leo.
+0
'ItemURL'值是否是页面表单的url被加载? –
2015-02-07 15:09:22
+0
@ guest271314没有它只是一个链接到外部网站上的项目。它可能会被用户留空。 –
2015-02-07 15:10:52
+0
'value'属性不会出现在那个元素上? –
2015-02-07 15:12:25