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

本篇文章為大家展示了使用JavaScript怎么獲取一個表單字段中多條數(shù)據(jù)并轉(zhuǎn)化為json格式，內(nèi)容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細(xì)介紹希望你能有所收獲。

代碼如下：

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("新增訂單失敗")
  }
 })

上述內(nèi)容就是使用JavaScript怎么獲取一個表單字段中多條數(shù)據(jù)并轉(zhuǎn)化為json格式，你們學(xué)到知識或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識儲備，歡迎關(guān)注億速云行業(yè)資訊頻道。