如何从<ul>获取数据到php文件(使用javascript)

时间:2018-03-29 08:54:59

标签: javascript php jquery html

我需要在点击时从ul返回data-id,data-id需要转到.php文件,我想使用javascript(jquery ofc)我真的很新用java脚本所以我没有经验请有人帮忙。 这是我的ul

&#13;
&#13;
<ul id="zones">
    <?php foreach ($data as $id => $name): ?>
        <li data-id="<?= $this->e($id) ?>"> <?= $this->e($name) ?> </li>
    <?php endforeach; ?>
</ul>
&#13;
&#13;
&#13;

我的html文件的名称是dashboard_zones.html,我想访问的php文件是data-id

1 个答案:

答案 0 :(得分:0)

这是一个基因Ajax 调用,其中包含$.each()循环:

var ids = [];
$('#zones li').each(function(){
    let current_id = $(this).data('id');
    // you can eventually test for undefined id
    if(typeof current_id === "undefined"){
        return; //acts like "continue;"
    }
    ids.push(current_id);
});
$.ajax({
    url: your_url,
    type: 'POST',
    data: {your_ids: ids},
    dataType: 'json',
    success: function (theResponse ) {
        ...
    }
});

我没有对它进行过测试,但我认为你可以从这段代码开始做你需要的事情