Ajax没有刷新html页面

时间:2016-03-24 20:29:20

标签: php ajax

我是编码的新手。我想刷新

  

'测试文字'   在HTML div id ='结果'   至   '或其他东西'   在data.php文件中

我不明白为什么它不起作用,因为我从视频课程中复制了该代码。我在Microsoft WebMatrix上运行这些页面。 我试图安装XAMPP但无法启动Apache服务器。所以我最终得到了WebMatrix。 Thanx帮助新手

HTML文件

    <!DOCTYPE html>
<html>
<head>
    <title></title>
    <script>

     function ajax_request() {
         var xmlhttp = new XMLHttpRequest();

         xmlhttp.onreadystatechange = function () {
             if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                 var result = document.getElementById('result');
                 result.innerHTML = xmlhttp.responseText;

             }

         }
         xmlhttp.open('Get', 'data.php', true);
         xmlhttp.send();
     }

    </script>
</head>
<body>
    <button onclick="ajax_request">Click me</button>
    <div id='result'>Test text</div>
</body>
</html>

PHP文件

   <?php 
    $data = "Or something else";
    echo $data;

?>

1 个答案:

答案 0 :(得分:0)

<button onclick="ajax_request">Click me</button> 

必须是

<button onclick="ajax_request();">Click me</button>