Question

我创建了一个从表名中选择的php页面，我有更新div标签的Ajax代码这是我的PHP代码，名称为names.php

<?php
$query = mysql_query("SELECT * FROM `table`");
while($fetch = mysql_fetch_array($query)){
$name = $fetch['name'];
echo $name;
}
?>

和AJAX代码每隔2秒自动更新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=new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch (e){
                alert("No AJAX!?");
                return false;
            }
        }
    }

xmlHttp.onreadystatechange=function(){
    if(xmlHttp.readyState==4){
        document.getElementById('ReloadThis').innerHTML=xmlHttp.responseText;
        setTimeout('Ajax()',2000);
    }
}
xmlHttp.open("GET","refresh.php",true);
xmlHttp.send(null);
}

window.onload=function(){
    setTimeout('Ajax()',2000);
}
</script>

<div id="ReloadThis">The Names will appear here</div>

AJAX代码自动每2秒更新一次，但我想更新点击按钮See Names上的div标签那我怎么能这样做呢？

Answer 1

只需添加一个按钮......

<button onclick="Ajax();">see names</button>

并取出这条线......

window.onload=function(){setTimeout('Ajax()',2000);}

Ajax - 单击按钮时更新div标签

1 个答案: