大佬們幫忙看看我這ajax哪里寫(xiě)錯(cuò)了？

我是模仿MDN上面這個(gè)頁(yè)面的step3中的例子寫(xiě)的：
鏈接描述

這個(gè)是例子的代碼：

<button id="ajaxButton" type="button">Make a request</button>

<script>
(function() {
  var httpRequest;
  document.getElementById("ajaxButton").addEventListener('click', makeRequest);

  function makeRequest() {
    httpRequest = new XMLHttpRequest();

    if (!httpRequest) {
      alert('Giving up :( Cannot create an XMLHTTP instance');
      return false;
    }
    httpRequest.onreadystatechange = alertContents;
    httpRequest.open('GET', 'test.html');
    httpRequest.send();
  }

  function alertContents() {
    if (httpRequest.readyState === XMLHttpRequest.DONE) {
      if (httpRequest.status === 200) {
        alert(httpRequest.responseText);
      } else {
        alert('There was a problem with the request.');
      }
    }
  }
})();
</script>

我運(yùn)行這個(gè)例子沒(méi)有問(wèn)題，但是我模仿它的代碼提示我未定義變量，我的代碼部分：

function loadPage(userType, id){
    if (userType==="普通用戶(hù)") {
        var req = new XMLHttpRequest();
        if (!req) {
            alert('Giving up :( cannot create an XMLHTTP instance');
            return false;
        }
        req.onreadystatechange = alertContents;
        req.open("GET", "edit.php?id="+id);
        req.send();
    }else{
        var req = new XMLHttpRequest();
        if (!req) {
            alert('Giving up :( cannot create an XMLHTTP instance');
            return false;
        }
        req.onreadystatechange = alertContents;
        req.open("GET", "readonly.php?id"+id);
        req.send();
    }
}
function alertContents(){
    if (req.readyState === XMLHttpRequest.DONE) {                  
        if (req.status === 200) {
            document.getElementById('sectionDetail').innerHTML = req.requestText;
        }else{
            alert('there was a problem with the request.');
        }
    }else{
        alert('there was a problem');
    }
}

然后console提示：

29行是函數(shù)alertContents 里的第一行，我看了半天，沒(méi)找到的代碼和例子差在哪里，求大佬指教！