Question

所以我有一个从php循环创建的数组，如下所示：

echo '<input type="checkbox" name="types[]" id="types[]" value="' . $id . '"> ' . $type . '<br>';

虽然它只是将它传递给php，但我想做一些更新并将其传递给ajax 传递给php所以我可以让ajax在页面上为我做一个奇特的回报。

我已经尝试了所有类型的方法来将它传递给ajax并传递给php，但没有任何效果。

这是ajax代码：

jQuery(document).ready(function(){

    $('#contactform').submit(function(){

        var action = $(this).attr('action');

        $("#message").slideUp(750,function() {
        $('#message').hide();

        $('#submit')
            .after('<img src="assets/ajax-loader.gif" class="loader" />')
            .attr('disabled','disabled');



        $.post(action, {
            types['types[]']: $('#types').val(),
            form_name: $('#form_name').val(),
            site_id: $('#site_id').val()
        },
            function(data){
                document.getElementById('message').innerHTML = data;
                $('#message').slideDown('slow');
                $('#contactform img.loader').fadeOut('slow',function(){$(this).remove()});
                $('#submit').removeAttr('disabled');
                if(data.match('success') != null) $('#contactform').slideUp('slow');

            }
        );

        });

        return false;

    });

});

我试图让这个也能正常工作，因为网站的其余部分使用相同的功能，我想保持同样的方式。我不想要接受在已创建的页面上输出其他ajax内容。

所以非常感谢任何见解。

由于

编辑/更新：

所以在设置像Meager这样的线后解释：

echo '<input type="checkbox" name="types[]" class="types" value="' . $id . '"> ' . $type . '<br>';

将ajax代码调整为：

    $.post(action, {
        form_name: $('#form_name').val(),
        site_id: $('#site_id').val(),
        types: $('.types').map(function(){ $(this).val(); });

    },

它似乎绕过了ajax并直接发布到我的process.php文件中：

Array
(
    [types] => Array
        (
            [0] => 20
            [1] => 21
            [2] => 22
        )

    [site_id] => 112
    [form_name] => prd_svc
    [Submit] => Submit
)

==========================================

jQuery(document).ready(function(){

$('#contactform').submit(function(){

    var action = $(this).attr('action');

    $("#message").slideUp(750,function() {
    $('#message').hide();

    $('#submit')
        .after('<img src="assets/ajax-loader.gif" class="loader" />')
        .attr('disabled','disabled');



    $.post(action, {
        form_name: $('#form_name').val(),
        site_id: $('#site_id').val(),
        types: $('.types').map(function(){ $(this).val(); });

    },
        function(data){
            $('#message').html(data);
            $('#message').slideDown('slow');
            $('#contactform img.loader').fadeOut('slow',function(){$(this).remove()});
            $('#submit').removeAttr('disabled');
            if(data.match('success') != null) $('#contactform').slideUp('slow');

        }
    );

    });

    return false;

});

});

Answer 1

您尝试通过此方法创建元素的“数组”：id="types[]"是错误的。您不能以这种方式对元素进行分组，如果可以，这仍然不会返回值数组：$('#types').val()。

您必须为每个元素分配一个唯一的ID，或者为它们提供一个共享类并按此选择：

echo '<input type="checkbox" name="types[]" class="types" value="' . $id . '"> ' . $type . '<br>';

然后，要将选定的一组元素转换为其值，您可以使用map：

// Collect all values
$('.types').map(function () { $(this).val(); });

将数组发布到/通过ajax到php

编辑/更新：

1 个答案: