una - hipervinculos en html ejemplos

¿La solicitud href(etiqueta de anclaje) solicita POST en lugar de GET?

Question

Esta pregunta ya tiene una respuesta aquí:

• Haga un enlace use POST en lugar de GET 9 respuestas

<a href="employee.action" id="employeeLink">Employee1</a>

cuando hago clic en el enlace Employee1, la solicitud GET va al servidor. Quiero hacerlo POST en lugar de solicitud GET. ¿Hay alguna manera de cambiar el comportamiento predeterminado de href?

Nota: - Sé que se puede hacer donde podemos llamar a la función javascript en el enlace del hipervínculo, luego crear el formulario y enviarlo. Pero estoy buscando dónde podemos mencionar algún atributo en la etiqueta de anclaje para realizar una solicitud POST en lugar de una solicitud GET.

Answer 1

Para hacer POST necesitarás tener un formulario .

<form action="employee.action" method="post">
<input type="submit" value="Employee1" />
</form>

Hay algunas formas de publicar datos con hipervínculos, pero necesitará algunos javascript y un formulario.

Algunos trucos: hacer un enlace usar POST en lugar de GET y cómo publicar datos con un enlace

Editar: para cargar la respuesta en un marco, puede orientar su formulario a su marco:

<form action="employee.action" method="post" target="myFrame">

Answer 2

Usar jQuery es muy simple, suponiendo que la URL a la que desea publicar está en el mismo servidor o ha implementado CORS

$(function() {
$("#employeeLink").on("click",function(e) {
e.preventDefault(); // cancel the link itself
$.post(this.href,function(data) {
$("#someContainer").html(data);
});
});
});

Si insiste en usar marcos que desaconsejo encarecidamente, tenga un formulario y envíelo con el enlace

<form action="employee.action" method="post" target="myFrame" id="myForm"></form>

y uso (en JS simple)

 window.onload=function() {
document.getElementById("employeeLink").onclick=function() {
document.getElementById("myForm").submit();
return false; // cancel the actual link
}
}

Sin una forma, necesitamos hacer una

 window.onload=function() {
document.getElementById("employeeLink").onclick=function() {
var myForm = document.createElement("form");
myForm.action=this.href;// the href of the link
myForm.target="myFrame";
myForm.method="POST";
myForm.submit();
return false; // cancel the actual link
}
}