非AJAX jQuery POST请求

Question 1

我正在尝试使用jQuery POST函数，但它正在处理AJAX样式的请求。我的意思是实际上并没有转到我要告诉它的页面。

$("#see_comments").click(function() {
    $.post(
        "comments.php", 
        {aid: imgnum}, 
        function (data) {

        }
    );
});

该功能应该转到具有辅助值的comment.php页面。它发布得很好，但不能重定向到comment.php。

@Doug Neiner澄清：

我有15个链接（图片）。我单击一个链接，它加载了我的JavaScript。该脚本知道imgnum我打开了什么。这个imgnum我想在的comments.php。我必须使用此JavaScript，并且没有其他方法可以解决问题。JavaScript是强制性的
您的方法成功过帐辅助值。但是，当我尝试回显该值时，在comments.php中，它什么也不显示。
我正在使用Firebug。在控制台中，它成功显示了我在步骤（2）中执行的回显请求。

Question 2

我知道您正在尝试做什么，但不是您想要的。

首先，除非要更改服务器上的数据，否则不要使用POST请求。只是#see_comments正常<a href='/comments.php?aid=1'>...

如果必须使用POST，请执行此操作以使页面跟随您的呼叫：

$("#see_comments").click(function() {
  $('<form action="comments.php" method="POST">' + 
    '<input type="hidden" name="aid" value="' + imgnum + '">' +
    '</form>').submit();
});

这实际上如何工作。

首先，$.post这只是一种AJAX方法，不能form像您所描述的那样用于传统提交。因此，为了能够发布值并导航到新页面，我们需要模拟form发布。

因此流程如下：

您单击图像，然后您的JS代码将 imgnum
接下来，有人点击 #see_comments
我们创建一个临时值，form其中的imgnum值作为隐藏字段
我们提交该表单，该表单将发布值并加载comments.php页面
您的comments.php页面将有权访问发布的变量（即在PHP中为$_POST['aid']）

Question 3

$("#see_comments").click(function () {
    $('<form action="comments.php" method="POST"/>')
        .append($('<input type="hidden" name="aid">').val(imgnum))
        .appendTo($(document.body)) //it has to be added somewhere into the <body>
        .submit();
});

Question 4

尽管道格·尼纳（Doug Neiner）的解决方案不仅是正确的，而且也是最全面的解释，但它存在一个大问题：它似乎只能在Chrome上运行。

我试了一下，试图确定一种解决方法，然后偶然发现了nopnop77的第二个答案。唯一的区别是额外的代码appendTo($(document.body))。然后，我在Firefox中对其进行了测试，它的工作原理就像一个魅力。显然，Firefox和IE需要在DOM主体中的某个位置附加临时表格。

我必须为Symfony2项目执行此实现，因为.twig模板内的路径生成器仅适用于GET参数，并且弄乱查询字符串会破坏应用程序的安全性。（顺便说一句，如果有人知道让.twig模板调用带有POST参数的页面的方法，请在评论中让我知道。）

Question 5

我认为您要问的是进入“ comments.php”并发布aid值imgnum。唯一的方法是使用表单提交此值。

但是，您可以隐藏此表单，并使用jquery在任意位置单击任意位置提交。

必要的html（放在页面上的任意位置）：

<form id='see_comments_form' action='comments.php' action='POST'>
    <input id='see_comments_aid' type='hidden' name='aid' value=''>
</form>

必要的js：

$("#see_comments").click(function(){
    $('#see_comments_aid').val(imgnum);
    $('#see_comments_form').submit();
);

这将重定向到“ comments.php”并发送适当的值imgnum（我假设您从其他地方获得）。

Question 6

实际上，$.post()将一些数据发送到服务器。除非您在处理POST请求的服务器端代码中进行重定向，否则它不会引起任何重定向。我可以提出两种解决方案：

要转到评论页面，您可以仅使用“ anchor”标记-来代替使用JQuery post <a href="comments.php?aid=1">Show Comments</a>。
或者，如果您想使用JQuery，则可以使用以下代码片段： $(location).attr("href", "comments.php?aid=1");

Question 7

没有完全解决问题。但确实设法解决了这个问题。我必须对JS进行很多修改才能使它起作用，但是通过执行以下操作解决了该问题的核心问题：

    $("#see_comments").attr({href: "comments.php?aid='"+imgnum+"'"});

就像@Doug Neiner最初建议我那样，将辅助值添加到URL。非常感谢道格的所有努力。我真的很感激。+1并接受您所做的努力。