使用jQuery怎么实时保存页面动态添加的数据

使用jQuery怎么实时保存页面动态添加的数据，相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。

创新互联-专业网站定制、快速模板网站建设、高性价比台江网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式台江网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖台江地区。费用合理售后完善，十余年实体公司更值得信赖。

实际情况：

用户填写的表单，是通过 JavaScript 动态新增的，这就需要使用为动态新增元素绑定事件。
发送请求给后端，取决于前面的必填项是否已经完整填写。
必须区分用户是动态新增了填写栏目呢？还是在修改？
当前事件对象是什么？怎么通过该对象获取用户输入的数据？
用户多次修改同一栏目，必须传送带有 ID 的数据给后端。目的，用于识别是新增，还是更新操作。

动态新增代码：

// template() 是一个模板格式化函数
$('#modal_pl_content').html(template('modal_temp', {data:''}));

模板代码：

评价ID

$(document).on("change keyup", ".cksd_comment_id", function(event) { /* var current = event.target.tagName.toLowerCase(); if ((current != 'input') || (current != 'select')) { event.preventDefault(); } */ var praise_row = {}; praise_row.cpid_a = $("[name='cpid_a']").val(); praise_row.pt_a = $("[name='pt_a']").find("option:selected").val(); praise_row.dp_a = $("[name='dp_a']").find("option:selected").val(); praise_row.cptime_start = $("[name='cptime_start']").val(); praise_row.cptime_end = $("[name='cptime_end']").val(); praise_row.cpkeyword_a = $("[name='cpkeyword_a']").val(); praise_row.status = $("[name='cksd_status']").val(); if (praise_row.cpid_a && praise_row.pt_a && praise_row.dp_a && praise_row.cptime_start && praise_row.cptime_end) { var comment_row = {}; $(this).find('input, select').each(function () { var field = $(this).attr('name'); comment_row[field] = $(this).val(); }); var pp_id = $("input.cksd_praise_pid").val(); //console.log($(this)); var current_form = $(this); var comment_id = $(this).children().find("[name='comment_update_id']").val(); var data = {}; if (pp_id) { praise_row.id = pp_id; comment_row.id = comment_id; data = {praise: praise_row, comment: comment_row} } else { data = {praise: praise_row, comment: comment_row}; } //console.log(data); $.ajax({ type: 'post', url: "", 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); }); }});

大橙子网站建设，新征程启航

使用jQuery怎么实时保存页面动态添加的数据

其他资讯