javascript - 执行 PHP "action=add"命令然后跳转到另一个页面

Question

我正在寻找一种解决方案，以便当消费者单击网站链接(php action=add 命令)时，将执行 php action=add 命令，然后将消费者转移到另一个 php 页面。

这听起来很简单，但我正在努力执行这两项操作。

我尝试了各种代码但没有成功，包括使用可点击的按钮链接，然后进行转移，但这只是转移......(下面的代码)

<button id="myBtn"><a href="product.php?action=add&amp; etc etc">Add to list</button>
  <script>
    var btn = document.getElementById('myBtn');
    btn.addEventListener('click', function() {
      document.location.href = 'thankyou.php';
    });
  </script>

有人可以帮忙吗？

Answer 1

如果你会使用 PHP，那么这会容易得多:

<?php if(isset($_GET['action'])){
//Do something with action
header ("location: thankyou.php");
} ?>

<form action="_self" method="get" target="_self">
    <button name="action" value="add">click me</button>
</form>

AJAX解决方案

这是使用您的代码的 AJAX 示例:

var httpRequest;

function makeRequest(url, callback) {
  httpRequest = new XMLHttpRequest();

  httpRequest.onreadystatechange = function() {
    if (httpRequest.readyState === XMLHttpRequest.DONE) {
      if (httpRequest.status === 200) {
        callback();
      }
    }
  };
  httpRequest.open('GET', url);
  httpRequest.send();
}


var btn = document.getElementById('myBtn');
btn.addEventListener('click', function() {
  makeRequest('product.php?action=add', function() {
    //window.location.href = "thankyou.php"
    alert("HERE WE GO TO A NEW PAGE")
  });
});

<a id="myBtn" href="#Thank you">Add to list</a>

请注意! AJAX 是相当先进的 JavaScript