我想使用 AJAX 刷新此链接http://radiojoven.6te.net/capas.php
。我一直在尝试,但无济于事。这是我到目前为止所拥有的:
<script>
function checkRequest() {
var interval = setTimeout(function () {
$.ajax({
url: "http://radiojoven.6te.net/capas.php",
type: "post",
datatype: "html"
})
.done(function (msg) {
$("capas").html(msg);
})
.always(function () {
checkRequest();
});
}, 20000);
}
</script>
iframe I 计划更新:
<div id="capas"><iframe src="http://radiojoven.6te.net/capas.php"
width="1000px" height="300px" border="0" marginwidth="0"
marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no"></iframe></div>
如果有人能在这项工作中帮助我,我将不胜感激。
已经谢谢你了。
我建议一起摆脱iframe
,只使用AJAX
。
它从不更新的原因是capas
div 未正确引用。
你需要$("#capas").html(msg);
//请注意 # 来引用元素的 ID。
另外,您似乎没有将任何数据发布到服务器,因此使用HTTP GET
而不是HTTP POST
可能更好。
它应该看起来像这样。请注意,我更改了您的iframe
以div
<script type="text/javascript">
function Ajax(){
var xmlHttp;
try{
xmlHttp=new XMLHttpRequest();
}
catch (e){
try{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e){
try{
xmlHttp=newActiveXObject("Microsoft.XMLHTTP");
}
catch (e){
alert("No AJAX!?");
return false;
}
}
}
xmlHttp.onreadystatechange=function(){
if(xmlHttp.readyState==4){
document.getElementById('capas').innerHTML=xmlHttp.responseText;
setTimeout('Ajax()',10);
}
}
xmlHttp.open("GET","http://radiojoven.6te.net/capas.php",true);
// aqui configuramos o arquivo
xmlHttp.send(null);
}
window.onload=function(){
setTimeout('Ajax()',10);
// aqui o tempo entre uma atualização e outra
}
</script>
<div id="capas"></div>