JQuery Post-Request вопрос - FF не получает результат указанной страницы php

Question

Я просто хочу опубликовать свой вопрос здесь, но только с самого начала: Для личного веб-проекта я использую PHP + JQuery.

Теперь я застрял, когда пытаюсь использовать метод публикации ajax для отправки данных на другую php-страницу. Я планировал разместить некоторые элементы навигации, такие как next + previous, внизу страницы, сохранив введенные пользователем данные / данные пользователя. Код выглядит следующим образом:

<div id="bottom_nav">
    <div id="prev" class="flt_l"><a href="?&step=<?= $pages[$step-1] ?>">next</a></div>
    <div id="next" class="flt_r"><a href="?&step=<?= $pages[$step+1] ?>">previous</a></div>
</div>

Функциональность страницы работает отлично. Позже я использую следующий код для отправки данных через POST:

$("#bottom_nav a").click( function() {
    alert("POST-Link: Parameter=" + $("#Parameter").val());
    $.ajax( {
        type:"post",
        url:"saveParameter.php",
        data:"Parameter=" + $("#Parameter").val(),
        success: function(result) {
            alert(result);
            //$("#test").text(result);
        }
    });
});

Сам запрос отлично работает в IE, но в FF я не могу получить никакого результата. на странице PHP там просто написано:

<? echo $_POST['Parameter']; ?>

Поскольку IE возвращает правильное значение, FF просто предоставляет пустое окно сообщения. Я предположил, что поведение на -Link отличается. Хотя IE, кажется, обрабатывает событие click после выполнения JS-кода, FF будет интерпретировать его раньше.

У меня был вопрос, есть ли у вас решение по этому вопросу относительно реструктуризации самого кода или использования другого метода для достижения предполагаемого поведения.

Спасибо за вашу помощь и рекомендации,
Олли

Answer 1

Попробуйте:

$("#bottom_nav a").click( function() {
  alert("POST-Link: Parameter=" + $("#Parameter").val());
  $.ajax( {
    type: "POST",
    url: "saveParameter.php",
    data: {
      Parameter: $("#Parameter").val()
    },
    success: function(result) {
      alert(result);
      //$("#test").text(result);
    }
  });
});