How to pass multiple variables in a loop, into a ajax json data.

Question

I have the following code, and I want to pass the value[i] into a data string in a json ajax post submit, Basically what I am trying to do is grab all the checked values in a form and put them into a existing json data string in ajax.

code I have so far

 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
}

Are you wanting to add a key for every value? Or are you good just adding an array to the DATA argument? — Brant
– Brant, Commented Nov 28, 2014 at 2:24

user2120121 · Accepted Answer · 2014-11-28 02:30:17Z

2

You can create your object first, then pass it like this:

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

etc

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

THAT'S IT Good Luck

answered Nov 28, 2014 at 2:30

user2120121

6551 gold badge6 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

brainware · Accepted Answer · 2014-11-28 02:40:40Z

1

Set a variable data, add a values key to it, then send it in your AJAX request.

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
});

edited Nov 28, 2014 at 2:40

brainware

817 bronze badges

answered Nov 28, 2014 at 2:24

Brant

1,78811 silver badges19 bronze badges

Collectives™ on Stack Overflow

How to pass multiple variables in a loop, into a ajax json data.

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related