Как результаты jquery each функции, передать массивом в php?

Question

[Cheizer]

Друзья, впервые сталкиваюсь с такой задачей, примеры смотрю в сети и не могу все равно понять, там или each или arr

Что имею:
Есть неизвестное количество блоков option, у них есть название опции и значение

<div class="option">
<span class="current">Размер</span>	
<div class="value">XL</div>
</div>

<div class="option">
<span class="current">Количество</span>	
<div class="value">5</div>
</div>

С помощью jquery получаю так:

$(".option").each(function(index, value) { 
  var thisoption = "";
  var thisvalue = "";
  
 thisoption += $(this).find('.current').text();
 thisvalue += $(this).find('.value').text();
 
 console.log(index + ': ' + thisoption +' = '+ thisvalue); 
});

Все ок консоль распечатывает, и все, дальше ума не хватат пока что :))
А дальше мне нужно передать это ajax в php и там уже разберу сам

В AJAX принимаю поля формы так:

$.ajax({
                                type: "POST",
                                url:   mailURL,
                                data: {
				option:   :(( 
                                },
                            })

Для input порядок, умею поля принимать и отправлять в php. Но вот как массив OPTION передать пока не знаю :( ПАМАГИТИИ!!

Answer 1

[Сергей]

var toSend = [];

$(".option").each(function(index, value) {
    var thisoption = "";
    var thisvalue = "";

    toSend.push({
        option: $(this).find('.current').text(),
        value: $(this).find('.value').text()
    });
});

sendToHandle();
function sendToHandle() {
    $.ajax({
        type: "POST",
        url:   mailURL,
        data: toSend
    })
}

Comments

[Cheizer]

Спасибо большое! А можно как то не оборачивая функцию $.ajax в другую функцию? Просто там большой файл с проверкой полей и еще кучей js функций, боюсь все переписывать придеться из за обертки.

[Сергей]

var toSend = [];

$(".option").each(function(index, value) {
    var thisoption = "";
    var thisvalue = "";

    toSend.push({
        option: $(this).find('.current').text(),
        value: $(this).find('.value').text()
    });
});

$.ajax({
    type: "POST",
    url:   mailURL,
    data: toSend
});

[Cheizer]

Сергей, а получается это не нужно?

var thisoption = "";
    var thisvalue = "";

[Сергей]

Роман Кузнецов, нет, не нужно

[Cheizer]

Что то не получается :( я наверное не так делаю с формой.

Если я делаю фот так в фале в котором и ajax отправка

$.ajax({
    type: "POST",
    url:   mailURL,
    data: optionsvalue
});


optionsvalue: function(){ 				
var options = []
$(".option-select").each(function(index, value) {
    options.push({
        nameoption: $(this).find('.current').text(),
        valueoption: $(this).find('.value').text()
    })
})
}

Что не так при таком раскладе?