jQuery iterate through array and add to ajax method

Question

I've got a jQuery $.ajax() post and need to add an object (is it an object? string?) to the request for every item in an array. I'm lost as to the best method for doing this. I imagine it'd be best first to separate out the items from the data attribute as a variable so it's calculated before the request... but I'm not sure how to build each element. So here are some made up stuff to illustrate my point.

var items   = for (var i = 0; i < $orderItems.length; i++){
                  'item': {
                      'photo': $orderItems[0].photo,
                      'option': $orderItems[0].option,
                      'cost': $orderItems[0].cost
                  }
              },
    request = $.ajax ({
                    type: 'POST',
                    dataType: 'json',
                    data: {
                        'firstName': $firstNameVal,
                        'lastName': $lastNameVal,
                        'email': $emailVal,
                        'phone': $numberVal,
                        'address': {
                            'street': $streetVal,
                            'city': $cityVal,
                            'state': $stateVal,
                            'zip': $zipVal
                        },
                        'price': $orderTotal,
                        'items': items
                    }
                });

IUnknown · Accepted Answer · 2012-10-22 07:37:11Z

2

You may use jQuery.map function to get items array:

var items = $.map($orderItems, function (item) {
     return {
          photo: item.photo,
          option: item.option,
          cost: item.cost
     };
});

answered Oct 22, 2012 at 7:37

IUnknown

22.5k4 gold badges41 silver badges71 bronze badges

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

Collectives™ on Stack Overflow

jQuery iterate through array and add to ajax method

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related