2016-03-24 217 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