javascript - 从链接运行脚本

我有以下脚本可以向我显示div中的信息，它可以很好地工作，但是带有一个按钮...我试图使它从链接中移动，我尝试了很多方法，但没有任何想法？

<script>
function showCustomer(str) {

  var xhttp;
  if (str == "") {
    document.getElementById("contenido").innerHTML = "";
    return;
  }
  xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("contenido").innerHTML = this.responseText;
    }
  };
  xhttp.open("GET", "getcustomer.php?q="+str, true);
  history.pushState(null, "", str+ ".xhttp");
  xhttp.send();
}
</script>

<input type='button' value='6df67913c1' onclick='showCustomer(this.value);' />

最佳答案

你可以这样做。

    <script>
        function showCustomer(element) {
          const str = element.getAttribute('data-value')
          var xhttp;
          if (str == "") {
            document.getElementById("contenido").innerHTML = "";
            return;
          }
          xhttp = new XMLHttpRequest();
          xhttp.onreadystatechange = function() {
            if (this.readyState == 4 && this.status == 200) {
              document.getElementById("contenido").innerHTML = this.responseText;
            }
          };
          xhttp.open("GET", "getcustomer.php?q="+str, true);
          history.pushState(null, "", str+ ".xhttp");
          xhttp.send();
        }
    </script>
    <a href="#" onclick="showCustomer(this)" data-value="6df67913c1">Same, from link</a>