Question

我正在寻找一个解决方案，以便当消费者点击网站链接（一个php动作=添加命令）时，执行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

Perfom PHP“action = add”命令然后转移到另一个页面

1 个答案: