2016-03-24 186 views
1

我是新来编码。我想刷新Ajax不刷新html页面

在HTML DIV ID = '结果' 到 '或别的东西' 在data.php文件 '测试文本'

我不明白为什么它不工作,因为我从视频课程复制了该代码。我正在Microsoft WebMatrix上运行这些页面。 我试图安装XAMPP,但无法启动Apache服务器。所以我最终选择了WebMatrix。感谢名单,帮助新手

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; 

?> 

回答

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

必须

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

谢谢, 人!所以愚蠢的错误:/ /我应该删除我的帖子/问题(错误是如此尴尬愚蠢)或版主会做到这一点? – user6111224