如圖需要獲取下面兩個li標簽里面的數(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,當前有兩個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("新增訂單失敗") } })
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com