jquery serializeArray 到 JSON 表单中的多选

Jam*_*mes 4 php forms jquery json multi-select

我有一个内部有多项选择的表格。提交时我有这个功能:

$( "#addTrainForm" ).submit(function( event ) {
    var dataString = $(this).serializeArray();
    console.log(dataString);
    event.preventDefault();
    $.ajax({  
        type: "POST",  
        url: "/index.php/trainings/insertTraining",
        data: dataString,
        dataType: 'json',
        success: function(data) {  
            $("div#addModal").hide();
            location.reload();
        }  
    });
    return false;
});
Run Code Online (Sandbox Code Playgroud)

现在,您可以在控制台日志中看到以下内容:

0: Object
name: "date"
value: "14/10/2013 16:22:46"
__proto__: Object
1: Object
name: "pool"
value: "1"
__proto__: Object
2: Object
name: "repeat_0"
value: "1"
__proto__: Object
3: Object
name: "distance_0"
value: "1"
__proto__: Object
4: Object
name: "style_0"
value: "1"
__proto__: Object
5: Object
name: "change_0"
value: "1"
__proto__: Object
6: Object
name: "time_0"
value: "1"
__proto__: Object
7: Object
name: "options_0"
value: "1"
__proto__: Object
8: Object
name: "options_0"
value: "2"
__proto__: Object
9: Object
name: "repeat_1"
value: "2"
__proto__: Object
10: Object
name: "distance_1"
value: "2"
__proto__: Object
11: Object
name: "style_1"
value: "1"
__proto__: Object
12: Object
name: "change_1"
value: "2"
__proto__: Object
13: Object
name: "time_1"
value: "2"
__proto__: Object
14: Object
name: "options_1"
value: "4"
__proto__: Object
15: Object
name: "options_1"
value: "5"
__proto__: Object
16: Object
name: "options_1"
value: "6"
Run Code Online (Sandbox Code Playgroud)

您可以在其中看到 options_0 和 options_1 有多个值。

现在,在调用 get 的 php 函数中,我读取所有发布数据并将其直接写入文件:

public function insertTraining(){
    $data=$this->input->post();
    $this->baselib->logIt(print_R($data,true));
}
Run Code Online (Sandbox Code Playgroud)

在那里我的 options_0 和 options_1 只有最后一个可用值。我期待更多的值数组或逗号分隔的字符串或其他东西。这是我在文本文件上的日志的样子:

Array
(
    [date] => 14/10/2013 16:22:46
    [pool] => 1
    [repeat_0] => 1
    [distance_0] => 1
    [style_0] => 1
    [change_0] => 1
    [time_0] => 1
    [options_0] => 2
    [repeat_1] => 2
    [distance_1] => 2
    [style_1] => 1
    [change_1] => 2
    [time_1] => 2
    [options_1] => 6
)
Run Code Online (Sandbox Code Playgroud)

如何将 options_0 和 options_1 的所有值获取到我的 php 脚本?是否有更好的方法来使用我已有的函数(例如可选参数?),或者我是否必须围绕所有值运行一个循环并找到选项值并将它们放入数组中,然后使用 json 将其发送到 PHP?

希望我能解释清楚,谢谢你,詹姆斯

Jam*_*mes 5

找到了解决方案。问题既不是 jquery 也不是 JSON,而是 HTML 中的问题。您所在的地方:

<select multiple id="..." name="foo">
Run Code Online (Sandbox Code Playgroud)

你必须使用 foo[] ,它将成为 jquery 端的一个值数组,当你将它 JSON 到 PHP 时它会保持原样:) 所以上面的例子变成了:

<select multiple id="..." name="foo[]">
Run Code Online (Sandbox Code Playgroud)