真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

使用jQuery怎么實(shí)時(shí)保存頁(yè)面動(dòng)態(tài)添加的數(shù)據(jù)

使用jQuery怎么實(shí)時(shí)保存頁(yè)面動(dòng)態(tài)添加的數(shù)據(jù)，相信很多沒(méi)有經(jīng)驗(yàn)的人對(duì)此束手無(wú)策，為此本文總結(jié)了問(wèn)題出現(xiàn)的原因和解決方法，通過(guò)這篇文章希望你能解決這個(gè)問(wèn)題。

創(chuàng)新互聯(lián)-專(zhuān)業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性?xún)r(jià)比臺(tái)江網(wǎng)站開(kāi)發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式臺(tái)江網(wǎng)站制作公司更省心,省錢(qián),快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋臺(tái)江地區(qū)。費(fèi)用合理售后完善，十余年實(shí)體公司更值得信賴(lài)。

實(shí)際情況：

用戶(hù)填寫(xiě)的表單，是通過(guò) JavaScript 動(dòng)態(tài)新增的，這就需要使用為動(dòng)態(tài)新增元素綁定事件。
發(fā)送請(qǐng)求給后端，取決于前面的必填項(xiàng)是否已經(jīng)完整填寫(xiě)。
必須區(qū)分用戶(hù)是動(dòng)態(tài)新增了填寫(xiě)欄目呢？還是在修改？
當(dāng)前事件對(duì)象是什么？怎么通過(guò)該對(duì)象獲取用戶(hù)輸入的數(shù)據(jù)？
用戶(hù)多次修改同一欄目，必須傳送帶有 ID 的數(shù)據(jù)給后端。目的，用于識(shí)別是新增，還是更新操作。

動(dòng)態(tài)新增代碼：

// template() 是一個(gè)模板格式化函數(shù)
$('#modal_pl_content').html(template('modal_temp', {data:''}));

模板代碼：

評(píng)價(jià)ID

5 4 3 2 1

當(dāng)前數(shù)量

Yes

總數(shù)：
0 of 0

刪除

事件監(jiān)聽(tīng)與發(fā)送請(qǐng)求代碼：

$(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);   
  });  
}});

看完上述內(nèi)容，你們掌握使用jQuery怎么實(shí)時(shí)保存頁(yè)面動(dòng)態(tài)添加的數(shù)據(jù)的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

文章題目：使用jQuery怎么實(shí)時(shí)保存頁(yè)面動(dòng)態(tài)添加的數(shù)據(jù)
轉(zhuǎn)載來(lái)于：http://weahome.cn/article/ggoide.html