獲取一個表單字段中多條數據並轉化為json格式


如圖需要獲取下面兩個li標簽里面的數據,然后傳給后台;而后台接收的數據格式是json的,所以需要把兩個li里面的信息轉化為以下格式的。

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

代碼如下:

var recieverArr = [];  //全局變量
var recieverMsg = {};  //全局變量
function recieverMsgToJson(parentFormId){    //若有多個表單公用這個函數,這里需要傳所屬表單的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下存放着數據的input框,並獲取值存放到數組中
      });
      var recieverObj = {    //用對象來表示數據;這時對象是{recieverName:小明,recieverPhone:12345678,recieverAddress:中國上海}
         receiverName:recieverAttributes[0],
         receiverPhone:recieverAttributes[1],
         receiverAddress:recieverAttributes[2]
      };
      recieverArr.push(recieverObj);       
  });
}
recieverMsg = JSON.stringify(recieverArr).replace(/\[|]/g, '') //將數組轉化為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("新增訂單失敗")
    }
  })

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM