如圖需要獲取下面兩個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("新增訂單失敗") } })
總結
以上所述是小編給大家介紹的JS獲取一個表單字段中多條數據并轉化為json格式,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com