从链接运行脚本

Question

我有以下脚本在 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);' />

Answer 1

你必须做这样的事情

const myLinkButton = document.getElementById('my-Link-button')

  ;

myLinkButton.onclick=e=>

  { 

  e.preventDefault()  // -> disable link action for new url

  console.log( myLinkButton.dataset.value )

  }

<a href="#" data-value="6df67913c1" id="my-Link-button" >button by link</a>

Answer 2

利用<a href="JavaScript: void (0)" onclick="callYourFunction()>link<\a>




Answer 3

你可以这样做。

    <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>