Ajax加載同一頁面的內容

Question

我只是復制粘貼代碼表w3school

在load_second.php我只是加載gethint.php，其余代碼與w3school中的相同。

function loadDoc() {
  var xhttp;
  if (window.XMLHttpRequest) {
    // code for modern browsers
    xhttp = new XMLHttpRequest();
    } else {
    // code for IE6, IE5
    xhttp = new ActiveXObject("Microsoft.XMLHTTP");
  }
  xhttp.onreadystatechange = function() {
    if (xhttp.readyState == 4 && xhttp.status == 200) {
      document.getElementById("demo").innerHTML = xhttp.responseText;
    }
  };
  xhttp.open("GET", "gethint.php", true);
  xhttp.send();
}

gethint.php具有此代碼<?php echo "ghjghjghj";?>

但是當我在本地主機上運行它時，它無法正常工作。

我正在使用xampp。 我在本地主機上運行load_second.php，單擊“更改內容”時會發生以下情況， 它顯示另一個“更改內容”按鈕

Answer 1

嘗試使用jQuery的Ajax。 我認為它更簡單。

$.get( "gethint.php", function( data ) {
   $( "#demo" ).html( data );
   console.log( "Load was performed." );
});