I am new using the JQuery function, I have an html form in a JSP file and integrate Jquery, but it does not work, I am using Neon eclipse and I am developing a portlet in Liferay. If someone could guide me, I appreciate it.
$(document).on('ready',function(){
var username ="[email protected]";
var password ="1234";
function make_base_auth(user, password) {
var tok = user + ':' + password;
var hash = btoa(tok);
return "Basic " + hash;
}
$.ajax({
url: 'http://192.168.15.31:8080/api/jsonws/portletliferay.creditos/get-credito/solicitud-id/84610',
dataType: "json",
type: "post",
success: function(data){
alert(data.estadocred);
},
beforeSend: function(xhr){
xhr.setRequestHeader('Authorization',make_base_auth(username, password));
},
complete: function(){
},
error: function(){
}
});
});
<form id="formulario" method="post">
<div>
<label for="nombre">Nombre(s)</label><input type="text" name="nombre" id="nombre">
</div>
<div>
<label for="apellido">Apellidos</label><input type="text" name="apellido" id="apellido">
</div>
<div>
<label for="fechaNac">Fecha de Nacimiento</label><input type="text" name="fechaNac" id="fechaNac">
</div>
<div>
<label for="genero">Genero</label><input type="text" name="genero" id="genero">
</div>
<div>
<label for="RFC">RFC</label><input type="text" name="RFC" id="RFC">
</div>
<div>
<label for="creScore">creScore</label><input type="text" name="creScore" id="creScore">
</div>
<div>
<label for="creDisponible">Credito Disponible</label><input type="text" name="creDisponible" id="creDisponible">
</div>
<div>
<label for="salarioMensual">Salario Mensual</label><input type="text" name="salarioMensual" id="salarioMensual">
</div>
<div>
<label for="telcasa">Telefono de Casa</label><input type="text" name="telcasa" id="telcasa">
</div>
<div>
<label for="telpart">Telefono Particular</label><input type="text" name="telpart" id="telpart">
</div>
<div>
<label for="email">Email</label><input type="text" name="email" id="email">
</div>
<div>
<label for="calleynumero">Calle y Número</label><input type="text" name="calleynumero" id="calleynumero">
</div>
<div>
<label for="colonia">Colonia</label><input type="text" name="colonia" id="colonia">
</div>
<div>
<label for="colonia">Delegación o Municipio</label><input type="text" name="delmun" id="delmun">
</div>
<div>
<label for="estado">Estado</label><input type="text" name="estado" id="estado">
</div>
<div>
<label for="cp">CP</label><input type="text" name="cp" id="cp">
</div>
<div>
<button class="button" type="submit" id="enviar">Enviar</button>
</div>
I have to send data through this form.