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

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 秒自动更新一次，但我想在点击按钮上更新 div 标签See Names 那么我该怎么做呢？

Answer 1

只需添加一个按钮...

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

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

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