отправить каждый элемент с именем класса через AJAX на php

Question

Привет! Я использую приведенный ниже код, чтобы взять данные и отправить их на страницу php, все работает так, как я хочу, но отправляет только первый «.order», который встречается, т.е.Мне нужно отправить каждый элемент с class = "order", это будет что-то вроде .each ()?

$('#submit').click(function(){
                    var order=$('.order').html();
                    var dataString = 'order='+ order;

                    $.ajax
                        ({
                        type: "POST",
                        url: "order.php",
                        data: dataString,
                        cache: false,
                        success: function(html)
                            {
                                $("#response").html(html);
                            }
                        });
            });

Сделал это вместо этого, и теперь он работает, странно!

$('#submit').live('click',function(){ 
                var order=$('.order').text();
                var dataString = 'order='+ order;

                $.ajax
                    ({
                    type: "POST",
                    url: "order.php",
                    data: dataString,
                    cache: false,
                    success: function(html)
                        {
                            $("#response").html(html);
                        }
                    });
        });

Answer 1

Попробуйте var order = $('form').serialize(), как описано здесь http://api.jquery.com/serialize/

Кроме этого, вы должны сделать что-то вроде:

$('.order').each(function(){
    // Get values from order here... something like: order += $(this).html();
    // Also, note that if '.order' are inputs you should use $(this).val() instead of $(this).html();
});

Надеюсь, это поможет.

Answer 2

Я считаю, что это должно сделать это:

var order=$('.order')
   .map(function(){ return this.innerHtml; })
   .get().join('');
var dataString = 'order='+ order;