Запит POST на jQuery, що не стосується AJAX

Question 1

Я намагаюся використовувати функцію jQuery POST, але вона обробляє запит у стилі AJAX. Я маю на увазі, що це насправді не перехід на ту сторінку, на яку я кажу їй.

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

        }
    );
});

Ця функція повинна перейти на сторінку comments.php із значенням допомоги на руках. Це розміщення чудово, але не перенаправлення на comments.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

Хоча рішення Дага Нейнера не тільки правильне, але й найбільш вичерпно пояснене, воно має одну велику проблему: схоже, воно працює лише в 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. Я можу запропонувати два рішення:

Щоб перейти на сторінку коментарів, замість того, щоб використовувати пост JQuery, ви можете просто використовувати тег `` прив'язка '' - <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+"'"});

це додало значення допомоги до URL-адреси, як спочатку мені запропонував @Doug Neiner. Велике спасибі Дагу за всі зусилля. Я дійсно ціную. +1 та прийміть свою відповідь за зусилля.