Yêu cầu POST jQuery không phải AJAX

Question 1

Tôi đang cố gắng sử dụng hàm jQuery POST nhưng nó đang xử lý yêu cầu theo kiểu AJAX. Ý tôi là nó không thực sự chuyển đến trang mà tôi đang nói với nó.

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

        }
    );
});

Hàm này sẽ chuyển đến trang comments.php với giá trị hỗ trợ trong tay. Nó đăng tốt nhưng không chuyển hướng đến comment.php .

@Doug Neiner Làm rõ:

Tôi có 15 liên kết (hình ảnh). Tôi nhấp vào một liên kết và nó tải JavaScript của tôi. Kịch bản biết những gì imgnumtôi đã mở. Điều này imgnumtôi muốn trong comment.php . Tôi phải sử dụng JavaScript này và không có phương tiện nào khác có thể làm được. JavaScript là bắt buộc
Phương thức của bạn ĐĂNG thành công giá trị hỗ trợ. Nhưng trong comments.php khi tôi cố gắng lặp lại giá trị đó, nó không hiển thị gì.
Tôi đang sử dụng Firebug. Trong Bảng điều khiển, nó hiển thị YÊU CẦU echo tôi đã thực hiện ở Bước (2) thành công.

Question 2

Tôi biết bạn đang cố gắng làm gì, nhưng đó không phải là điều bạn muốn.

Đầu tiên, trừ khi bạn đang thay đổi dữ liệu trên máy chủ, đừng sử dụng một POSTyêu cầu. Chỉ cần có #see_commentsmột bình thường<a href='/comments.php?aid=1'>...

Nếu bạn phải sử dụng POST, hãy thực hiện việc này để trang thực hiện theo lời kêu gọi của bạn:

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

Làm thế nào điều này thực sự sẽ hoạt động.

Đầu tiên $.postlà chỉ một phương pháp AJAX và không thể được sử dụng để làm một truyền thống formnộp như bạn đang mô tả. Vì vậy, để có thể đăng một giá trị và điều hướng đến trang mới, chúng ta cần mô phỏng một formbài đăng.

Vì vậy, dòng chảy như sau:

Bạn nhấp vào hình ảnh và mã JS của bạn nhận được imgnum
Tiếp theo, ai đó nhấp vào #see_comments
Chúng tôi tạo một trường tạm thời formvới imgnumgiá trị trong đó dưới dạng một trường ẩn
Chúng tôi gửi biểu mẫu đó, biểu mẫu này sẽ đăng giá trị và tải comments.phptrang
comments.phpTrang của bạn sẽ có quyền truy cập vào biến đã đăng (nghĩa là trong PHP sẽ có $_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

Mặc dù giải pháp của Doug Neiner không chỉ đúng mà còn là giải pháp được giải thích toàn diện nhất, nhưng nó có một vấn đề lớn: nó dường như chỉ hoạt động trên Chrome.

Tôi loay hoay một lúc để cố gắng xác định cách giải quyết, và sau đó tình cờ gặp câu trả lời thứ hai của nopnop77. Sự khác biệt duy nhất là mã phụ appendTo($(document.body)). Sau đó, tôi thử nghiệm nó trong firefox và nó hoạt động như một sự quyến rũ. Rõ ràng, Firefox và IE cần phải có biểu mẫu tạm thời được đính kèm ở đâu đó trong DOM Body.

Tôi đã phải thực hiện việc triển khai này cho một dự án Symfony2, vì trình tạo đường dẫn bên trong các .twigmẫu sẽ chỉ hoạt động với GETcác tham số và việc gây rối với chuỗi truy vấn đang phá vỡ tính bảo mật của ứng dụng. (BTW, nếu ai biết cách lấy mẫu .twig để gọi các trang có tham số POST, vui lòng cho tôi biết trong phần bình luận).

Question 5

tôi nghĩ những gì bạn đang yêu cầu là truy cập vào 'comments.php' và đăng bài aidcó giá trịimgnum . Cách duy nhất để làm điều này là gửi giá trị này với một biểu mẫu.

Tuy nhiên, bạn có thể ẩn biểu mẫu này và gửi biểu mẫu này bằng một cú nhấp chuột tùy ý ở đâu đó bằng jquery.

html cần thiết (đặt ở bất kỳ đâu trên trang):

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

js cần thiết:

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

điều này sẽ chuyển hướng đến 'comments.php' và gửi giá trị thích hợp imgnum (mà tôi cho rằng bạn đang nhận được từ một nơi khác).

Question 6

Trên thực tế, $.post()gửi một số dữ liệu đến máy chủ. Nó không gây ra bất kỳ chuyển hướng nào trừ khi bạn làm điều đó trong mã phía máy chủ xử lý yêu cầu POST. Tôi có thể đề xuất hai giải pháp:

Để chuyển đến trang nhận xét, thay vì sử dụng bài đăng JQuery, bạn có thể chỉ cần sử dụng thẻ 'neo' - <a href="comments.php?aid=1">Show Comments</a> .
Hoặc nếu bạn muốn xem qua JQuery, bạn có thể sử dụng đoạn mã này: $(location).attr("href", "comments.php?aid=1");

Question 7

đã không giải quyết chính xác vấn đề. nhưng đã xoay sở để làm việc xung quanh nó. tôi đã phải sửa đổi rất nhiều đối với JS để làm cho nó hoạt động, nhưng vấn đề cốt lõi của câu hỏi này đã được giải quyết bằng cách thực hiện điều này:

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

điều này đã thêm giá trị trợ giúp vào URL như @Doug Neiner ban đầu đề xuất tôi làm. Cảm ơn Doug rất nhiều vì tất cả những nỗ lực. Tôi thực sự đánh giá cao. +1 và chấp nhận câu trả lời của bạn cho nỗ lực.