Как сделать POST запрос по нажатию ссылки?

Question

[impressive17]

Как сделать POST запрос по нажатию ссылки? По нажатию ссылки нужно сфорвиромать post запрос на определенный URL. бек-энд на GOLANG

Answer 1

[Sergey Romanov]

Ссылка же в браузере. Значит нужно делать средствами браузера.

На чистом яаваскрипте на нажатии кнопки

<a href="javascript:void(0)" click="sendPost()">Linkk</a>
<script>
function sendPost() {
    var xhr = new XMLHttpRequest();
    var body = 'name=' + encodeURIComponent(name) +
      '&surname=' + encodeURIComponent(surname);

    xhr.open("POST", '/submit', true);
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    xhr.send(body);
}
</script>

Но скорей всего у вас наверно есть jQuery или еще какая библиотека так что можно использовать $.ajax

Если вы хотите осуществить переход при нажатии, можно создать спрятанную форму и сабмитить ее

<form href="/my/url" type="post" id="myForm">
    <input type="hidden" name=name" value="Sergey" />
</form>
<a href="javascript:void(0)" click="document.getElementById('myForm').submit()">Linkk</a>

Comments

[impressive17]

Sergey Romanov , да, есть jQuery . Если вас, не затруднит, приведите, пожалуйста пример, когда по ссылки осуществлется POST запрос на /example и переход на эту страницу

[Sergey Romanov]

<a href="javascript:void(0)" id="ny-link" >Linkk</a>
<script>
$('#my-link').on("click", function(){
  $.ajax({
    type: 'POST',
    url: '/example',
    data: data,
    success: function(e){},
    dataType: 'json'
  });
})
</script>

[impressive17]

Sergey Romanov, почему-то не работает, при нажатии на ссылку, я вижу что вызывается javascript:void(0), но перехода не осуществляется

[Froggyweb]

impressive17, перехода куда?
ну ты хоть вопрос сформулируй под свои требования

[impressive17]

Froggyweb, перехода на страницу '/example'. Я достаточно точно, на мой взгляд, вверху сформулировал, что хочу реализовать. Читайте выше: "когда по ссылки осуществлется POST запрос на /example и переход на эту страницу")

[Froggyweb]

impressive17, POST не приводит к смене адреса. Можнт после него надо отправить GET?

[impressive17]

Froggyweb , буду очень вам благодарен, если приведете пример, как это сделать. Желательно полный код, так как я не силен в JS.

[Froggyweb]

impressive17,
все инструкции после успешной отправки поста
например

success: function(e){
 window.location = "http://javascript.ru"
},

Просто не очень понятна задача. тебе нужно отправить пост запрос и при успешнлй обработке перенаправить страницу на другой адрес.
непонятно. Редирект в этом случае лучше делать на бэке

ajax запрос написал Sergey Romanov