如何通过Ajax POST传递多个具有相同名称的输入数组元素值，例如ex：sikll []

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对象中添加一个limit属性。 基本上我想要search_param.data中的所有发布数据以及search_param.limit中的限制

技能-> array（'0'=>'php'，'1'=> java'，'2'=>'html'）（基本上作为控制器中的数组）

以前我以表单提交方式提交数据。 现在，我正在向Ajax进行此操作。 我尝试使用serialize（）通过Ajax将数据传输到服务器控制器。 但是问题是我正在使用一个接受极限作为参数的分页函数（例如：param.limit，param是一个对象）。（请在代码下面使用pls chk）我需要将数据和限制都传递给ajax分页函数。

我需要同时传递发布数据和限制到分页功能。

下面是代码：

    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
    };

引发Uncaught TypeError：非法调用任何帮助，感激不尽。

解：

最后使用get（）现在在服务器端获取数组...感谢Nisam ....

$（'input [name =“ skill []”]'）。map（function（）{return $（this）.val（）;}）。get（）;

Answer 1

数据参数应该是

data: {searchaparams:search_param,page:1}

您可以像数组一样获取输入值，

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

变量search_array包含所有输入值。 您可以获取每个值search_array[0], search_array[1]等。

Answer 2

试试这个： 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);