Почему моя форма HTML/JQuery не отправляет запрос POST?

Мне интересно, почему моя форма не перенаправляется на выбранную ссылку с помощью POST-запроса и как это исправить?

В общем, что я планирую сделать, так это предотвратить прямой доступ к этим ссылкам, поэтому я планирую проверить метод запроса, если это не был POST, тогда я сделаю перенаправление, но моя единственная проблема на данный момент заключается в том, чтобы получить доступ к этим ссылкам через эту форму, используя POST.

<div class = "marketplace_div">
<form id = "dropdownredirect" name = "dropdownredirect" method = "post">
<select class = "marketplace_list" id = "dropdownredirectselect">
      <option value = "geschenkformular/">Amazon Germany</option>
      <option value = "gift-form/">Amazon UK</option>
      <option value = "gift-form/">Amazon France</option>
      <option value = "gift-form/">Amazon Italy</option>
      <option value = "gift-form/">Amazon Spain</option>
</select>

  <br>
<input class = "marketplace_submit" name = "submit" type = "submit" value = "Weiter  /  Submit" />
</form>
</div>


<script type = "text/javascript">
jQuery(document).ready(function() {
    jQuery('#dropdownredirect').submit(function (event) {
        event.preventDefault();
        window.location = jQuery('#dropdownredirectselect').val();
    });
});
</script>

Спасибо

window.location просто изменяет URL-адрес, что аналогично вводу его вручную в адресную строку, что считается GET. Таким образом, вы отменяете поведение по умолчанию, которое является POST, и вместо этого выполняете свой собственный GET.

Royal Wares 11.02.2019 09:04

@AlexanderDeSousa Спасибо, этот пост точно отвечает на мой вопрос.

arabtornado 11.02.2019 09:20
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
2
52
1

Ответы 1

Не используйте javascript используйте атрибут method вот так

<form action = "/your-url" method = "post">

</form> 

Это не решает проблему, поскольку не позволяет выполнять различные действия.

Royal Wares 11.02.2019 09:14

Другие вопросы по теме