【问题标题】:Convert PHP variable to JQuery将 PHP 变量转换为 JQuery
【发布时间】:2019-05-28 09:54:47
【问题描述】:

如果我点击一个按钮,我会尝试从音频标签更新 src。 所以我需要将 $muziek 变量转换为 Jquery

查看:

<?php
    foreach ($muziek as $ms)
    {
        if ($ms->id == 2) {
            echo '<audio id="player" controls src="data:audio/mpeg;base64,' . base64_encode($ms->audio) . '">';
            echo '</audio>';
        }
    }

    foreach ($muziek as $ms)
    {
        echo '<br>';
        echo '<input id="'.$ms->id.'" type="button" value="' . $ms->naam . '" class = "btn btn-login login-formcontrol"/>';
    }
?>
</div>

<script>
    $("input").click(function () {
       var test = $(this).attr("id");
       console.log(test);
       //Here needs to be the foreach muziek       
    });
</script>

Muziek 变量: 这就是我填充音乐变量的方式

function getAllMuziek()
{
    $query = $this->db->get('muziek');
    $muziek = $query->result();

    return $muziek;
}

有人有想法或告诉我如何做到这一点吗?

【问题讨论】:

标签: javascript php jquery codeigniter mp3


【解决方案1】:

我花了一些时间试图弄清楚你想要什么,并且根据我的理解你想要返回一个数组,所有 muzieks 返回到你的 js 来做任何你想做的事情,你可以简单地得到ajax 请求:

$.get( "base_url/your_controller/getAllMuziek" )
    .done(function( muziek ) {
        //Here needs to be the foreach muziek     
        $.each(muziek, function( index, value ) {
            // whatever
        });
    });

对您的方法进行简单修改getAllMuziek:

function getAllMuziek()
{
    $query = $this->db->get('muziek');
    $muziek = $query->result();

    header('Content-Type: application/json');
    echo json_encode($muziek);
}

现在,当您进行 ajax 调用时,您将得到结果。

【讨论】:

    【解决方案2】:

    使用json_encode$muziek转换成javascript数组

    <script>
    var myArray = <?php echo json_encode($muziek); ?>;
    </script>
    

    【讨论】:

    • 当我执行 console.log() Uncaught SyntaxError: Unexpected token ;
    • 像这样在 JS 中使用 PHP(反之亦然)是非常糟糕的做法。
    • @treyBake:我知道如何使用ajax请求当然更好,但是在这种情况下,这家伙似乎很初级所以我认为这对他来说不是一个坏的解决方案:)跨度>
    • 你为什么要教一个小学生一些对他们不利的东西,以便他们以后重新学习正确的方法? o.O
    猜你喜欢
    • 2021-03-16
    • 2013-04-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2010-12-12
    • 1970-01-01
    相关资源
    最近更新 更多