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

創(chuàng)新互聯(lián)建站是一家專業(yè)提供成武企業(yè)網(wǎng)站建設(shè),專注與網(wǎng)站設(shè)計制作、網(wǎng)站建設(shè)、H5技術(shù)、小程序制作等業(yè)務。10年已為成武眾多企業(yè)、政府機構(gòu)等服務。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站設(shè)計公司優(yōu)惠進行中。

代碼如下：

var recieverArr = []; //全局變量
var recieverMsg = {}; //全局變量
function recieverMsgToJson(parentFormId){  //若有多個表單公用這個函數(shù)，這里需要傳所屬表單的ID；例如新增和修改。
 $(parentFormId + ".recieverList li").each(function(m){  //遍歷每個li，當前有兩個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格式，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

網(wǎng)頁標題：使用JavaScript怎么獲取一個表單字段中多條數(shù)據(jù)并轉(zhuǎn)化為json格式
當前路徑：http://jinyejixie.com/article32/iisesc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供、品牌網(wǎng)站建設(shè)、手機網(wǎng)站建設(shè)、企業(yè)網(wǎng)站制作、面包屑導航、Google

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)