JS는 양식 필드에서 여러 데이터를 가져와 json 형식으로 변환합니다.

이 기사에서는 JS가 양식 필드에서 여러 데이터를 가져와서 json 형식으로 변환하는 것과 관련된 정보를 주로 소개합니다. 필요한 친구들이 참고하면 도움이 될 것입니다.

그림과 같이 다음 두 개의 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("新增订单失败")
  }
 })

관련 권장 사항:

json 형식 Ajax 제출 샘플 코드

php json 형식 제어 자세한 설명

java는 문서를 XML로 변환합니다. json 형식 데이터로

위 내용은 JS는 양식 필드에서 여러 데이터를 가져와 json 형식으로 변환합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!