欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS獲取一個表單字段中多條數(shù)據(jù)并轉(zhuǎn)化為json格式

 更新時間:2017年10月17日 16:58:25   作者:xingba-coder  
這篇文章主要介紹了JS獲取一個表單字段中多條數(shù)據(jù)并轉(zhuǎn)化為json格式的相關(guān)資料,需要的朋友可以參考下

如圖需要獲取下面兩個li標(biāo)簽里面的數(shù)據(jù),然后傳給后臺;而后臺接收的數(shù)據(jù)格式是json的,所以需要把兩個li里面的信息轉(zhuǎn)化為以下格式的。

{recieverName:小紅,recieverPhone:12341234,recieverAddress:中國湖南},{recieverName:小明,recieverPhone:12345678,recieverAddress:中國上海}

代碼如下:

var recieverArr = []; //全局變量
var recieverMsg = {}; //全局變量
function recieverMsgToJson(parentFormId){  //若有多個表單公用這個函數(shù),這里需要傳所屬表單的ID;例如新增和修改。
 $(parentFormId + ".recieverList li").each(function(m){  //遍歷每個li,當(dāng)前有兩個li
   var recieverAttributes = [];
   $(this).find("span").each(function(n){  //遍歷每個li下的span,而每個li下有三個span
     recieverAttributes[n] = $(this).children("input").val();  //找到每個span下存放著數(shù)據(jù)的input框,并獲取值存放到數(shù)組中
   });
   var recieverObj = {  //用對象來表示數(shù)據(jù);這時對象是{recieverName:小明,recieverPhone:12345678,recieverAddress:中國上海}
     receiverName:recieverAttributes[0],
     receiverPhone:recieverAttributes[1],
     receiverAddress:recieverAttributes[2]
   };
   recieverArr.push(recieverObj);    
 });
}
recieverMsg = JSON.stringify(recieverArr).replace(/\[|]/g, '') //將數(shù)組轉(zhuǎn)化為json格式
console.log(recieverMsg)
//{recieverName:小紅,recieverPhone:12341234,recieverAddress:中國湖南},{recieverName:小明,recieverPhone:12345678,recieverAddress:中國上海}
 $.ajax({
  url: '',
  type: 'post',
  data: {
   receiverInfo:recieverMsg,//收件人信息
  },
  traditional:true,
  success: function(data){
   console.log(data);
  },
  error: function() {
   alert("新增訂單失敗")
  }
 })

總結(jié)

以上所述是小編給大家介紹的JS獲取一個表單字段中多條數(shù)據(jù)并轉(zhuǎn)化為json格式,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!

相關(guān)文章

最新評論