如何通过Ajax POST传递多个同名的输入数组元素值

Question

我有一个带有4个技能输入的表单，其中包含html，如下所示：

<input type="text"  id="skill1" name="skill[]" value="">
<input type="text"  id="skill2" name="skill[]" value="">
<input type="text"  id="skill3" name="skill[]" value="">
<input type="text"  id="skill4" name="skill[]" value="">

我需要把这个放在控制器里，比如：

有没有办法在不序列化的情况下将技能名称传递给服务器，因为我必须将限制属性附加到我的search_param这是一个对象。基本上，我想要所有的帖子数据在search_param.data和我的限制在search_param.

技能-

以前我提交数据的形式提交。现在我要把这个交给阿贾克斯。我尝试serialize()通过Ajax将数据传输到服务器控制器。但问题是，我使用的分页函数接受限制作为参数(例如:param.limit，param是一个对象)。(请检查下面的代码)我需要传递数据和ajax分页功能的限制。

我需要将post数据和limit传递给分页函数。

代码如下：

    function getUsers() {
        var search_param = {'data':jQuery('#candidateForm').serialize()};
        jQuery.ajax({
            type: "POST",
            dataType:'JSON',
            url: jQuery('#site').val() + "search/ajax_search",
            data: search_param,
            cache: false,
            success: function(data) {
                if (data) {
                //something
}else{
                    //else something
                }
                search_param.limit = 14; //this is desired way but as serialized it wont work
                paginate_4a(jQuery('#site').val()+'search/ajax_search', 'srchResultCnt', search_param, {'fn':'fn_name', 'index':0});

            }

        });
    }

尝试过，但失败了：

var skill = jQuery('input[name="skill[]"]').map(function(){return jQuery(this).val();});
    var skill_hid = jQuery('input[name="skill_hid[]"]').map(function(){return jQuery(this).val();});
    var experience = jQuery('input[name="experience[]"]').map(function(){return jQuery(this).val();});
    var search_param = {
        'skill':skill,
        'skill_hid':skill_hid,
        'experience':experience
    };

抛出未捕获的TypeError：非法调用感谢任何帮助。

解决方案:

最后使用get（），现在在服务器端获得阵列……多亏了Nisam。。。。

$('input[name="skill[]"]')。map(function(){return $(this)。val()；}).get()；

Answer 1

试试这个：http://jsfiddle.net/borglinm/p8hY7/

你遍历所有输入并构建一个数组

var inputs = [];
$("input").each(function(index, elem) {
    inputs.push(elem.value);
});
var postData = {
    'data': inputs,
    'otherParam': 1
}
console.log(postData);

Answer 2

数据参数应该是，

data: {searchaparams:search_param,page:1}

你可以得到数组形式的输入值，

var search_array = $('input[name="skill[]"]').map(function(){return $(this).val();}).get();  

变量< code>search_array包含所有输入值。您可以获取每个值< code>search_array[0]，search_array[1]..等等