使用javascript怎么获取一个表单字段中多条数据并转化为json格式-亚博电竞手机版

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

代码如下：

varrecieverarr=[];//全局变量 varrecievermsg={};//全局变量 functionrecievermsgtojson(parentformid){//若有多个表单公用这个函数，这里需要传所属表单的id；例如新增和修改。 $(parentformid ".recieverlistli").each(function(m){//遍历每个li，当前有两个li varrecieverattributes=[]; $(this).find("span").each(function(n){//遍历每个li下的span，而每个li下有三个span recieverattributes[n]=$(this).children("input").val();//找到每个span下存放着数据的input框，并获取值存放到数组中 }); varrecieverobj={//用对象来表示数据；这时对象是{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("新增订单失败") } })

上述内容就是使用javascript怎么获取一个表单字段中多条数据并转化为json格式，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注恰卡编程网行业资讯频道。