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

2317 단어 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("      ")
  }
 })
총결산
위 에서 말 한 것 은 소 편 이 소개 한 JS 가 폼 필드 에 있 는 여러 개의 데 이 터 를 얻 고 json 형식 으로 전환 하 는 것 입 니 다.여러분 에 게 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 메 시 지 를 남 겨 주세요.소 편 은 신속하게 답 해 드 리 겠 습 니 다.여기 서도 저희 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!

좋은 웹페이지 즐겨찾기