Aquí te dejo un ejemplo, sin meternos en la petición Ajax porque se requeriría una URL real para probarlo.
Lo que es preciso entender es que en la petición Ajax se manda un parámetro que es la url
, donde pones la dirección a que irá dirigida la petición.
Observa que aquí he optado por algo más elegante y más práctico, en vez de links, muestro dos radio button para elegir si se quiere hacer login en un sitio o en otro.
Fíjate que además el botón Entrar
permanece desactivado hasta que no se elige uno de los dos radio button. Cuando un radio es seleccionaro, hay una variable url
que muestra el valor que tiene ese radio, la cual se usaría eventualmente en la petición Ajax.
La petición Ajax habría que crearla en esta parte:
btnEnviar.addEventListener('click', function(e) {
Ahí tendrás disponible en la variagle url
la dirección del radio que haya quedado seleccionado y se la pasarás a Ajax con los datos del formulario que haya que enviar.
Espero que este enfoque te sirva de ayuda. Me parece mejor desde el punto de vista de experiencia del usuario.
En cuanto a Ajax, aquí hay varios ejemplos sobre la forma de escribir el código, puedes inspirarte en alguna de ella si no tienes experiencia con esta herramienta.
var allLogin = document.querySelectorAll('input[name=login]');
var url = "";
var btnEnviar = document.getElementById('btnEnviar');
allLogin.forEach(function(item) {
item.addEventListener('change', function() {
url = this.value;
console.log("Seleccionaste: " + url);
btnEnviar.disabled = false;
});
});
btnEnviar.addEventListener('click', function(e) {
e.preventDefault();
console.log("Presionaste entrar, Ajax se enviará a\n: " + url);
});
<form action="#" method="POST">
<input type="text" name="user" placeholder="Nombre">
<input type="password" name="pass" placeholder="Contraseña">
<label class="radio">
<input type="radio" name="login" value="https://dominio.com/login.php">
Login 1
</label>
<label class="radio">
<input type="radio" name="login" value="https://otrodominio.com/login2.php">
Login 2
</label>
<button id="btnEnviar" disabled>Entrar</button>
</form>