来自html数据属性和文本的关联php数组

Question

___

在php端获取关联数组的最简单方法是什么：

<div class='title' data-x='car'>black</div>
<div class='title' data-x='home'>white</div>
<div class='title' data-x='train'>gold</div>

Answer 1

这是我的建议：

1. 使用jQuery在一个对象中添加和映射数据。
2. 使用Ajax发送数据
3. 获取所有发布的变量并将其转移到您的数组中

代码：

$( document ).ready(function() {
    var data = {};
    $('.title').map(function(){
        data[$(this).data('x')] = $(this).html();
    }).get();
    $.ajax({
        type: "POST",
        url: 'whatever.php',
        data: data,
        success: (response)=>{
            console.log(response);
        }
    });
});

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<div class='title' data-x='car'>black</div>
<div class='title' data-x='home'>white</div>
<div class='title' data-x='train'>gold</div>

文件whatever.php：

$arr = [];
if($_POST) {
    foreach ($_POST as $k => $v) {
        $arr[$k] = $v;
    }
    var_dump($arr);
}

这是控制台输出：

array(3) {
    ["car"]=>string(5) "black"
    ["home"]=>string(5) "white"
    ["train"]=>string(4) "gold"
}