如圖需要獲取下麵兩個li標簽裡面的數據,然後傳給後臺;而後臺接收的數據格式是json的,所以需要把兩個li裡面的信息轉化為以下格式的。 {recieverName:小紅,recieverPhone:12341234,recieverAddress:中國湖南},{recieverName:小明,rec ...
如圖需要獲取下麵兩個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("新增訂單失敗") } })