루프에서 여러 변수를 ajax json 데이터로 전달하는 방법.

Question

나는 다음 코드를 가지고 있으며 json ajax 포스트의 데이터 문자열에 값 [i]를 전달하려고합니다. 기본적으로 폼에서 확인 된 모든 값을 가져 와서 아약스의 기존 json 데이터 문자열 지금까지

var values = $('input:checked').map(function() { 
    return this.value; 
}).get(); // ["18", "55", "10"] 
//console.log(values); 

var length = values.length; 

for (i = 0; i < length; i++){ 
    console.log(values[i]); 


} 



$.ajax({ 
type:"POST" 
,url : $(form).prop('action') 
,data:{ 
name:getValue($('label.name input')) 
,email:getValue($('label.email input')) 
,phone:getValue($('label.phone input')) 
,fax:getValue($('label.fax input')) 
,state:getValue($('label.state input')) 
,message:getValue($('label.message textarea')) 
,owner_email:opt.ownerEmail||'#' 
,stripHTML:opt.stripHTML 
} 

Answer 1

는 가변 데이터를 설정

코드는 다음, 그것에 값 키를 추가하여 AJAX 요청에 보낼 수 있습니다.

var values = $('input:checked').map(function() { 
    return this.value; 
}).get(); // ["18", "55", "10"] 

var data = { 
    name  : getValue($('label.name input')), 
    email  : getValue($('label.email input')), 
    phone  : getValue($('label.phone input')), 
    fax  : getValue($('label.fax input')), 
    state  : getValue($('label.state input')), 
    message : getValue($('label.message textarea')), 
    owner_email: opt.ownerEmail||'#', 
    stripHTML : opt.stripHTML, 
    values  : values 
} 

$.ajax({ 
    type: "POST", 
    url : $(form).prop('action'), 
    data: data 
}); 

Answer 2

그런 다음, 먼저 객체를 생성 다음과 같이 전달할 수

:

var obj= new Object(); 
    obj.name=getValue($('label.name input')); 
    ... 
    obj.values:values 

등 'S

$.ajax({ 
type:"POST" 
,url : "YOUR URL" 
,data: JSON.Stringify(obj) 
}); 

IT