javascript - jQuery - 通过发送 POST 参数来更改页面

Question

场景是:

我在页面中有 HTML a 标签(称之为“index.php”)，它是另一个页面的链接(我们称之为页面“action.php”)!显然

'action.php'页面需要接收一个POST参数，否则返回错误!

我在“index.php”页面中有所需的参数，但我不想使用表单标签来发送它。每当用户单击 a 标签时，参数都应发送到“action.php”页面。

事实上，AJAX 在这里没有任何关系，而我想更改页面，每当用户单击我的 < a > 时发送 POST 参数!

例子:索引.php

<a class='showProject' href='action.php' data-pid='<?php echo project_ID ?>'> PROJECT </a>

action.php

 echo $_POST['project_id'];  

我更喜欢，如果有任何方法可以做到这一点，jQuery 代码以以下事件开始:

$('.showProject').on('click',this,function(e){

     /* YOUR SOLUTION */
});

Answer 1

您可以使用 Ajax 来实现此目的。我不知道您想要传递给 action.php 的参数在哪里，但在我的示例中它存储在隐藏值中。

$('.showProject').click(function() {
  var productId = $("#hiddenField").Value();
    $.ajax({
      type: 'POST',
      url: 'action.php',
      data: {productId: productId},
      success: function(data) { 
              //Do whatever you need to do with the return data.
          },
      error: function(xhr, ajaxOptions, thrownerror) { }
     });
});