我有一个代码,它设置h1和视频的src动态检查数据库中的变化与Ajax长轮询。在我的代码中,例如,如果我的数据库列中的值是1,那么h1将打印这是1,视频将播放视频1.否则,h1将显示这是0和视频将显示视频0. h1更新它的内容没有问题但是当视频更新时,它会继续重新加载。jQuery视频不断重新加载,同时动态设置src基于数据库更改与ajax
的index.html
Documentwatch me change
src="http://musicmania.hol.es/app/resources//karaoke/bohemian_rhapsody.mp4"
type="video/mp4" />
changes.js
$(document).ready(function(){
setInterval(function(){
$.get("change.php", function(data){
result = JSON.parse(data);
for(var i = 0; i < result.length; i++){
console.log(result[i].playing);
res = result[i].playing;
if(res == 1){
$("h1").text("I changed");
$("video").attr("src", "http://musicmania.hol.es/app/resources/karaoke/karaoke.mp4");
}else if(res == 0){
$("h1").text("change me");
$("video").attr("src", "http://musicmania.hol.es/app/resources/karaoke/bohemian_rhapsody.mp4");
}
}
});
}, 1000);
});
change.php
$conn = mysqli_connect("localhost", "root", "", "notify") or die("can't connect");
$query = mysqli_query($conn, "SELECT * FROM playing");
$arrs = array();
while($rows = mysqli_fetch_object($query)) {
$arrs[] = $rows;
}
echo json_encode($arrs);
?>
2016-02-20
Renboy
+1
不管结果是1或0分配src属性。如果您不希望视频在结果为零时重新加载,那么您可能还应该检查该来源是否已被设置为波西米亚狂想曲? –
+0
也不清楚通过'result [i] .playing'得到的数据是什么,也可能是有问题 –
+0
通过的数据是1或0 ... –