我正在努力边做边学,我一直在摆弄twitch的API和JSON,并在他们的网站上打印了前25个流的列表(splinksy.com),显示了我的意思。现在,我希望能够做到这一点,当你点击链接时,它会从页面中删除文本,并用流的全屏嵌入来替换它。我知道如何让python显示嵌入。我只是不知道如何让它与?channel=
等页面URL一起工作,或者只替换内容而不刷新。
在点击监听器中,您可以使用AJAX加载显示流的全屏嵌入所需的HTML主体的内容,并替换跨越当前HTML页面整个主体的部分的内容。
$('#link').click(function(){
$.get('?channel=1',
function(data) {
$('#content').html(data);
}
);
});
当你从其他网站加载内容时,你应该使用以下代码:
<iframe width="800" height="400" id="content"></iframe>
<a data-url="http://www.twitch.tv/esltv_dota">esltv_dota</a>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('#link').click(function(){
$('#content').attr('src',$(this).attr('data-url'));
});
});
<script>