Question

我对Ajax有点新鲜。我有一个Ajax文件，其中包含一个php文件，每X秒刷新一次。 AJAX.PHP的代码是：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
<script language="JavaScript">
setInterval( "SANAjax();", 10000 );  ///////// 10 seconds 
$(function() {
SANAjax = function(){

$('#dataDisplay').fadeOut("slow").load('rand.php').fadeIn("slow");

}
 });
</script>
<div id="dataDisplay"></div>

此代码工作正常。但是，AJAX.PHP页面的html显示为代码，而我想要rand.php的输出html而不是上面给出的javascript代码。我该怎么办？

支持“rand.php”html out put（source）是：＆lt; html＆gt;＆lt; body＆gt;这是正文＆lt; \ body＆gt;＆lt; \ html＆gt;。

我希望这个html显示在AJAX.PHP的html源代码中。我该怎么做？如果我弄乱了任何东西让我知道，我会尽量让它更清楚。

Answer 1

你需要运行它。不能仅作为文件插入。

$.post("rand.php", { },
function(data) { $('#dataDisplay').html(data) });

更新

SANAjax = function(){
$.post("rand.php", { },
function(data) {  $('#dataDisplay').fadeOut("slow").html(data).fadeIn("slow"); });
}

Answer 2

<script type="text/javascript">
var auto_refresh = setInterval(
function ()
{
$('#load_rand').load('rand.php').fadeIn("slow");
}, 10000); // refresh every 10000 milliseconds
</script>

<div id="load_rand"> </div>

不要忘记添加jquery库

Ajax自动刷新HTML文件的HTML

2 个答案: