Javascript onclick（）给出错误：ReferenceError:LoadAjax未在HTMLInputElement.onclick上定义

这是我的代码，根本不起作用

HTML代码：

JS代码：

函数LoadAjax（）{
if（window.XMLHttpRequest）{
请求=新的XMLHttpRequest（）
}否则{
请求=新的ActiveXObject（'Microsoft.XMLHTTP'）
}
//request.open（'GET'，'data.json'）
request.open（'GET'，'http://localhost:20301/api/values')
request.onreadystatechange=函数（）{
if（request.readyState==4&&request.status==200）{
var items=JSON.parse（request.responseText）
控制台日志（项目）；
变量输出=“
”
对于（var输入项）{
console.log（项[键]）
输出+='
'+项[键]。名称+'|'+项[键]。族+'
'
}
输出+='
'
document.getElementById（'update'）。innerHTML=output
}
}
请求发送（）
}

如果HTML文件中同时包含了这两种格式，请按此方式执行。通过在加载后绑定“onClick”，可以防止在加载函数之前调用该函数：

<input type="button" value="Click Here" id="myID">
<script>

     function LoadAjax(){ 
    
      if (window.XMLHttpRequest) {
        request = new XMLHttpRequest()
      } else {
        request = new ActiveXObject('Microsoft.XMLHTTP')
      }
    
      //request.open('GET', 'data.json')
       request.open('GET', 'http://localhost:20301/api/values')
      request.onreadystatechange = function () {
        if (request.readyState === 4 && request.status === 200) {
          var items = JSON.parse(request.responseText)
          console.log(items);
          
    
          var output = '<ul>'
    
          for (var key in items) {
            console.log(items[key])
            output += '<li>' + items[key].Name + ' | ' + items[key].Family + '</li>'
          }
    
          output += '</ul>'
          document.getElementById('update').innerHTML = output
        }
      }
      request.send()
    }
    myElement = document.getElementById("myID");
    myElement.onclick = function() { LoadAjax(); return false; }

</script>

函数LoadAjax（）{
if（window.XMLHttpRequest）{
请求=新的XMLHttpRequest（）
}否则{
请求=新的ActiveXObject（'Microsoft.XMLHTTP'）
}
//request.open（'GET'，'data.json'）
request.open（'GET'，'http://localhost:20301/api/values')
request.onreadystatechange=函数（）{
if（request.readyState==4&&request.status==200）{
var items=JSON.parse（request.responseText）
控制台日志（项目）；
变量输出=“
”
对于（var输入项）{
console.log（项[键]）
输出+='
'+项[键]。名称+'|'+项[键]。族+'
'
}
输出+='
'
document.getElementById（'update'）。innerHTML=output
}
}
请求发送（）
}
myElement=document.getElementById（“myID”）；
myElement.onclick=function（）{LoadAjax（）；返回false；}

如果您在单独的文件中获得了它，请使用这个（注意！在js文件中，您不使用HTML“script”标记

my.html：

[...]
<input type="button" value="Click Here" id="myID">
[...]
<script src="my.js"></script>
[...]

[…]
[...]
[...]

my.js：

     function LoadAjax(){ 
    
      if (window.XMLHttpRequest) {
        request = new XMLHttpRequest()
      } else {
        request = new ActiveXObject('Microsoft.XMLHTTP')
      }
    
      //request.open('GET', 'data.json')
       request.open('GET', 'http://localhost:20301/api/values')
      request.onreadystatechange = function () {
        if (request.readyState === 4 && request.status === 200) {
          var items = JSON.parse(request.responseText)
          console.log(items);
          
    
          var output = '<ul>'
    
          for (var key in items) {
            console.log(items[key])
            output += '<li>' + items[key].Name + ' | ' + items[key].Family + '</li>'
          }
    
          output += '</ul>'
          document.getElementById('update').innerHTML = output
        }
      }
      request.send()
    }
    myElement = document.getElementById("myID");
    myElement.onclick = function() { LoadAjax(); return false; }

函数LoadAjax（）{
if（window.XMLHttpRequest）{
请求=新的XMLHttpRequest（）
}否则{
请求=新的ActiveXObject（'Microsoft.XMLHTTP'）
}
//request.open（'GET'，'data.json'）
request.open（'GET'，'http://localhost:20301/api/values')
request.onreadystatechange=函数（）{
if（request.readyState==4&&request.status==200）{
var items=JSON.parse（request.responseText）
控制台日志（项目）；
变量输出=“
”
对于（var输入项）{
console.log（项[键]）
输出+='
'+项[键]。名称+'|'+项[键]。族+'
'
}
输出+='
'
document.getElementById（'update'）。innerHTML=output
}
}
请求发送（）
}
myElement=document.getElementById（“myID”）；
myElement.onclick=function（）{LoadAjax（）；返回false；}

如果HTML文件中同时包含了这两个函数，请这样做。加载后绑定“onClick”可防止在加载函数之前调用该函数：

<input type="button" value="Click Here" id="myID">
<script>

     function LoadAjax(){ 
    
      if (window.XMLHttpRequest) {
        request = new XMLHttpRequest()
      } else {
        request = new ActiveXObject('Microsoft.XMLHTTP')
      }
    
      //request.open('GET', 'data.json')
       request.open('GET', 'http://localhost:20301/api/values')
      request.onreadystatechange = function () {
        if (request.readyState === 4 && request.status === 200) {
          var items = JSON.parse(request.responseText)
          console.log(items);
          
    
          var output = '<ul>'
    
          for (var key in items) {
            console.log(items[key])
            output += '<li>' + items[key].Name + ' | ' + items[key].Family + '</li>'
          }
    
          output += '</ul>'
          document.getElementById('update').innerHTML = output
        }
      }
      request.send()
    }
    myElement = document.getElementById("myID");
    myElement.onclick = function() { LoadAjax(); return false; }

</script>

函数LoadAjax（）{
if（window.XMLHttpRequest）{
请求=新的XMLHttpRequest（）
}否则{
请求=新的ActiveXObject（'Microsoft.XMLHTTP'）
}
//request.open（'GET'，'data.json'）
request.open（'GET'，'http://localhost:20301/api/values')
request.onreadystatechange=函数（）{
if（request.readyState==4&&request.status==200）{
var items=JSON.parse（request.responseText）
控制台日志（项目）；
变量输出=“
”
对于（var输入项）{
console.log（项[键]）
输出+='
'+项[键]。名称+'|'+项[键]。族+'
'
}
输出+='
'
document.getElementById（'update'）。innerHTML=output
}
}
请求发送（）
}
myElement=document.getElementById（“myID”）；
myElement.onclick=function（）{LoadAjax（）；返回false；}

如果您在单独的文件中获得了它，请使用这个（注意！在js文件中，您不使用HTML“script”标记

my.html：

[...]
<input type="button" value="Click Here" id="myID">
[...]
<script src="my.js"></script>
[...]

[…]
[...]
[...]

my.js：

     function LoadAjax(){ 
    
      if (window.XMLHttpRequest) {
        request = new XMLHttpRequest()
      } else {
        request = new ActiveXObject('Microsoft.XMLHTTP')
      }
    
      //request.open('GET', 'data.json')
       request.open('GET', 'http://localhost:20301/api/values')
      request.onreadystatechange = function () {
        if (request.readyState === 4 && request.status === 200) {
          var items = JSON.parse(request.responseText)
          console.log(items);
          
    
          var output = '<ul>'
    
          for (var key in items) {
            console.log(items[key])
            output += '<li>' + items[key].Name + ' | ' + items[key].Family + '</li>'
          }
    
          output += '</ul>'
          document.getElementById('update').innerHTML = output
        }
      }
      request.send()
    }
    myElement = document.getElementById("myID");
    myElement.onclick = function() { LoadAjax(); return false; }

函数LoadAjax（）{
if（window.XMLHttpRequest）{
请求=新的XMLHttpRequest（）
}否则{
请求=新的ActiveXObject（'Microsoft.XMLHTTP'）
}
//request.open（'GET'，'data.json'）
request.open（'GET'，'http://localhost:20301/api/values')
request.onreadystatechange=函数（）{
if（request.readyState==4&&request.status==200）{
var items=JSON.parse（request.responseText）
控制台日志（项目）；
变量输出=“
”
对于（var输入项）{
console.log（项[键]）
输出+='
'+项[键]。名称+'|'+项[键]。族+'
'
}
输出+='
'
document.getElementById（'update'）。innerHTML=output
}
}
请求发送（）
}
myElement=document.getElementById（“myID”）；
myElement.onclick=function（）{LoadAjax（）；返回false；}

函数必须在标记中引用之前可用。将

标记移动到站点的

中。函数必须在标记中引用之前可用。将

标记移动到站点的

中。