Ссылка на кнопку HTML: нажмите конечную точку, но не открывайте страницу

Question

У меня есть кнопка, похожая на:

<button onclick="window.location='http://www.example.com';">Visit Page Now</button>

Я бы хотел, чтобы нажатие кнопки отправляло запрос конечной точке, но не открывало новое окно или новую вкладку. Это возможно?

Answer 1

Вы можете использовать метод jquery ajax для отправки запроса без загрузки всей страницы

   $.ajax({
   url:'sendrequest.php',
   type:'post',
   data:{id:id},
   datatype:'json',
   success:function(data){

          }
     )};

Answer 2

Вы можете использовать JavaScript, чтобы сделать запрос. Вам придется немного поменять разметку

<button onclick="hitEndpoint('http://www.example.com')">Visit Page Now</button>

Затем в разделе сценариев на вашей странице вы можете написать что-то вроде:

function hitEndpoint(url){
   var xhttp = new XMLHttpRequest();
   xhttp.onreadystatechange = function(){
      //we're done making the request
      if(this.readyState === 4) {
         //status code was successful
         if(this.status === 200) {
            console.log("hit endpoint successfully")
         } else {
            console.log("error hitting endpoint");
         }
      }
   };
   xhttp.open("GET", url);
   xhttp.send();
}