javascript - onclick 如何发布到新页面？

Question

我怎样才能拥有标签<a>至onclick转到新页面并 POST东西？

我有以下代码:

<a href="#" onclick="cat_filter(1);">Cat Name</a>

函数cat_filter()

function cat_filter(cat) {

    jQuery.ajax({
      'url': 'http://xxx/procurar', 
      'type': 'POST',
      'dataType': 'json', 
      'data': {cat: cat}
    });

}

URL 页面上的 PHP

$cat = $_POST['cat´];

我需要做的是执行function cat_filter()将变量传递给新的 URL如POST 。我怎样才能实现这个目标？

Answer 1

Ajax 是一种无需离开当前页面即可将数据发送到另一个 PHP 文件的方法。

如果您希望发送数据并导航到新页面，您可以执行以下操作:

function cat_filter(cat) {
  var myform = '<form id="ff" action="procurar" method="post">\
    <input name="cat" value="' +cat+ '" />\
    </form>';
  $('body').append(myform);
  $('#ff').submit();
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<a href="#" onclick="cat_filter(1);">Cat Name</a>