javascript-尝试将数据从.php文件传递到.js文件

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-尝试将数据从.php文件传递到.js文件，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1596字，纯文字阅读大概需要3分钟。

内容图文

我正在尝试建立一个具有视频部分的网站.我遇到的问题是,为了更改“ .video-player”中的视频,我需要将数据库内部的数据(视频名称)从index.php文件传递到scriptz. js文件.

到目前为止,我尝试过的是在div中回显该数据,并使用javascript中似乎无法正常工作的document.getElementbyId进行检索.这是代码

INDEX.php

<ul class="video-list">
<?php
while($videotemp=mysql_fetch_array($ris))
{
?>
    <li class="video-element">
        <div class="image-duration">
            <img class="video-thumbnails" src="images/<?php echo $videotemp["thumbnails"] ;?>"/>
            <p class="duration"><?php echo number_format($videotemp["duration"]/100,0);?>:<?php echo $duration2=$videotemp["duration"]%100; ?></p>
        </div>
        <p class="video-title"><?php echo $videotemp["author"];?> - <?php echo $videotemp["name"] ;?></p>
        <div id="source"><?php echo $videotemp["source"]  ?></div>
    </li>
<?php   
}
?>
</ul>

<video id="video-player"  preload="auto" data-setup="{}"  controls  >
    <source id="mp4" src="" type="video/mp4" />
    <source id="ogv" src="" type="video/ogv" />
    <source id="webm" src="" type="video/webm" />
</video>

Cese.css

#source{
visibility:hidden;
}

Scriptz.js

$('.video-element').click(function(){
        var $videosource=document.getElementById("source");

            document.getElementById('mp4').setAttribute('src','videos/'+$videosource + ".mp4");
            document.getElementById('ogv').setAttribute('src','videos/'+$videosource + ".ogv");
            document.getElementById('webm').setAttribute('src','videos/'+$videosource + ".webm");
            $("#video-box")[0].load();

    });

多达任何建议,在此先感谢.

解决方法:

添加innerHTML.

您想要ID内的字符串而不是ID本身.

因此：var $videosource = document.getElementById(“ source”).innerHTML;

内容总结

以上是互联网集市为您收集整理的javascript-尝试将数据从.php文件传递到.js文件全部内容，希望文章能够帮你解决javascript-尝试将数据从.php文件传递到.js文件所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端