CODEWITHSUNDEEP
javascriptphphtmlajax
Fabricio Kwell
Fabricio Kwell

Reputation: 13

Run a script from a link

I have the following script that shows me information in a div, it works very well but with a button ... I am trying to make it walk from a link, I tried many ways and nothing, any ideas?

<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);' />

Upvotes: 1

Views: 213

Answers (3)

Jonathan Gzz
Jonathan Gzz

Reputation: 36

You can do this.

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

Upvotes: 0

sumitnarang
sumitnarang

Reputation: 21

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

Upvotes: 1

Mister Jojo
Mister Jojo

Reputation: 22265

You have to do something like this

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>

Upvotes: 2

Related Questions