href 超链接作为 POST

Question

我想知道哪个是映射<a href=...></a> 超链接执行 HTTP GET 以执行 HTTP POST 的最佳方式（我想避免在 URL 中传递所有变量）？例如下面的 2 hrefs。此外，我还想摆脱submit 按钮并使用常规的<a href=...></a> 超链接。有什么建议吗？

<form action="test.php?action=update" method="post" id="cart">
  <table>
    <tr>
      <td>
        <a href="test.php?action=delete&id=<?php echo $id ?>" class="r">
          remove
        </a>
      </td>
      <td>
        <a href="test.php?action=add&id=<?php echo $id ?>" class="r">add</a>
      </td>
    </tr>
    <tr>
     ...
    </tr>
  </table>
  <div> <button type="submit">Update</button> </div>
</form>

Answer 1

我建议使用jQuery.post 和click。点击链接后，通过类似这样的方式提交数据

$('.r').on('click', function() {
        $.post('test.php', {key:'value', key2:'value2'}, function(data) {
          //error check here
        });
    return false;
});

Answer 2

据我所知，您无法使用链接执行任何 POST 请求。您可以使用链接和 php 发出 GET 请求，作为禁用 javascript 的用户的后备，以及启用 javascript 的用户取消使用 javascript 的链接的默认行为，并在 AJAX 的帮助下使用 ajax 发出您的 POST 请求。

例如：

<a class="submit" href="hallo.html?hello=world&test=yes">Test</a>

和 js（我使用 jquery）将是：

$('.submit').click(function(){
    var urlPairs = this.href.split('?')[1].split('&'),
        total = urlPairs.length,
        current = [],
        data = {};

    for(;total;) {
        current = urlPairs[--total].split('=');
        data[current[0]] = current[1];
    }

    $.post('test.php', data);

    return false;
});

​

你也可以编写你的 POST 函数以获取更多信息检查jQuery post function doc

附：我wounder，如果您以任何方式使用FORM，为什么不使用提交按钮，是因为CSS样式吗？您可以像任何其他元素一样设置样式（在某些浏览器中进行一些调整）。

Answer 3

您可以将输入标签隐藏在表单中以将它们作为 POST 提交。

<td><a href="test.php?action=delete&id=<?php echo $id;?>" class="r">remove</a></td>
<td><a href="test.php?action=add&id=<?php echo $id;?>" class="r">add</a></td>

用两种形式重写上面的内容，有<input type="hidden" name="id /> 和按钮<input type="button" name="delete" /> 等等。

如果您在操作脚本中运行 print_r($_POST)。您将获得按钮列表和隐藏字段的值。现在，您可以为要运行的操作编写条件。我这里没有写完整的代码，只是传递一下思路。

编辑：参见下面的示例。

     <form  method="post" id="cart">
        <table>
                <input type="hidden" name="id" value='some value' />
                <input type="submit" name="action" value="delete" />
                <input type="submit" name="action" value="add" />
            </tr>
            <tr>
                ...
            </tr>
        </table>
        <div><button type="submit">Update</button></div>
     </form>


    <?php print_r($_POST); ?>