通过 AJAX 将每个具有类名的元素发送到 php答案

【问题标题】：send each element with class name via AJAX to php通过 AJAX 将每个具有类名的元素发送到 php
【发布时间】：2011-05-04 13:25:18
【问题描述】：

嗨，我正在使用下面的代码获取数据并将其发送到 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);
                        }
                    });
        });

【问题讨论】：

标签： php jquery ajax element each

【解决方案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();
});

希望对你有帮助。

【讨论】：

【解决方案2】：

我认为应该这样做：

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

【讨论】：

您需要对请求进行编码。最好的方法是使用var dataString = {"order": order}; 并让 jQuery 处理编码。