Question

我有一个类似于以下按钮：

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

我希望单击按钮将请求发送到端点，但不打开新窗口或新选项卡。这可能吗？

Answer 1

您可以使用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();
}

Answer 2

您可以使用jquery ajax方法发送请求而无需加载整个页面

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

          }
     )};

HTML按钮链接：命中端点但不打开页面

2 个答案: