使用JavaScript怎么获取一个表单字段中多条数据并转化为json格式

  介绍

本篇文章为大家展示了使用JavaScript怎么获取一个表单字段中多条数据并转化为json格式,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。

代码如下:

var  recieverArr =,[];,//全局变量   var  recieverMsg =,{},,//全局变量   function  recieverMsgToJson (parentFormId){//若才能有多个表单公用这个函数,这里需要传所属表单的ID,例如新增和修改。   ,$(时间+ parentFormId “.recieverList  li") . each(函数(m){,,//遍历每个李当前有两个   ,,var  recieverAttributes =, [];   ,,(美元);(“span") . each(函数(n){,,//遍历每个李下的跨越,而每个李下有三个   ,,,,recieverAttributes [n],=,(这)美元定格(“input") .val();,,//找到每个跨度下存放着数据的输入框,并获取值存放到数组中   ,,});   ,,var  recieverObj =,{//才能用对象来表示数据,这时对象是{recieverName:小明,recieverPhone: 12345678, recieverAddress:中国上海}   ,,,,receiverName: recieverAttributes [0],   ,,,,receiverPhone: recieverAttributes [1],   ,,,,receiverAddress: recieverAttributes [2]   ,,};   ,,recieverArr.push (recieverObj);,,,,   ,});   }   recieverMsg =, JSON.stringify (recieverArr) .replace (/\ [|]/g, & # 39; & # 39;),//将数组转化为json格式   console.log (recieverMsg)//{recieverName:小红,recieverPhone: 12341234, recieverAddress:中国湖南},{recieverName:小明,recieverPhone: 12345678, recieverAddress:中国上海}   ,. ajax({美元   ,,url: & # 39; & # 39;   类型:才能,& # 39;文章# 39;   ,,数据:{   ,,receiverInfo: recieverMsg,//收件人信息   ,,},   传统的才能:没错,   ,,成功:功能(数据){   ,,console.log(数据);   ,,},   ,,错误:函数(),{   ,,警报(“新增订单失败“)   ,,}   之前,})

使用JavaScript怎么获取一个表单字段中多条数据并转化为json格式