Javascript 我的jquery代码无法使用ajax更改页面

我用ajax键入了我的第一个代码，但它没有。请帮助。 当我点击菜单按钮时，必须用menu.txt的内部更改部分内容。但它不起作用

这是我的html代码：

<li id="navMenuButton">
              <a  href="#" onclick="$menu.txt.loadDoc();">
                <span class="glyphicon glyphicon-cutlery"></span><br class="hidden-xs"> Menu</a>
</li>
<section id="homepage">
    <div id="main-content" class="container">  
      <div class="jumbotron">
      </div>
      <div class="row">
.
.
.

加载DOM后，处理程序将执行一个函数。它必须是匿名函数语句或对已声明命名函数的引用

关于ajax请求……由于您使用jQuery，我建议您尝试使用jQuery方法

$（document）.ready（function（）{//传递给ready处理程序的匿名函数
//ajax请求的命名函数
函数loadDoc（e）{
e、 preventDefault（）//防止锚的正常行为
$.ajax({
url:“menu.txt”，//确保路径和文件名正确
方法：“get”，//可以省略，因为它是默认值
数据类型：“html”，
成功：功能（响应）{
$（“#homepage”）.html（response）//传递给.html（）方法的文本响应
},
错误：功能（请求、状态、错误）{
console.log（“Status”，Status，“\n”，error）//如果有错误
}
})
}
//单击#navMenuButton的锚定子项的处理程序
$（“#导航菜单按钮a”）。单击（loadDoc）
})

您不需要

#

只需编写

文档。getElementById（“主页”）。innerHTML..

。此外，检查您的浏览器控制台是否有任何错误？ajax调用成功了吗？我收到了这个错误：loadDoc不是htmlanchoreElement.onClick的函数。您可以像更改代码一样，然后重试

$(document).ready(function loadDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("#homepage").innerHTML =
      this.responseText;
    }
  };
  xhttp.open("GET", "menu.txt", true);
  xhttp.send();
});