本文介绍了jQuery 实时保存页面动态添加的数据的示例，分享给大家，具体如下：
需求：
用户填写的东西，必须要实时保存分析：
监听用户操作事件，如：change、keyup 等，向后端发送请求实际情况：
- 用户填写的表单，是通过 JavaScript 动态新增的，这就需要使用为动态新增元素绑定事件。
- 发送请求给后端，取决于前面的必填项是否已经完整填写。
- 必须区分用户是动态新增了填写栏目呢？还是在修改？
- 当前事件对象是什么？怎么通过该对象获取用户输入的数据？
- 用户多次修改同一栏目，必须传送带有 ID 的数据给后端。目的，用于识别是新增，还是更新操作。
动态新增代码：
函数
$('#modal_pl_content').html(template('modal_temp',{data:''}));
模板代码：
数量
of
Box">
事件监听与发送请求代码：
",data: data,dataType: 'json'
}).done(function(res) {
if ((res.s == 0)) {
console.log($(this));
$('input.cksd_praise_pid').val(res.msg.p_id);
current_form.children().find("[name='comment_update_id']").val(res.msg.c_id);
}
console.log(res);
});
}});
