Al querer ejecutar una petición de Ajax para enviar datos y que se guarde en la base de datos, este se cancela y no envía ningún dato. Si necesitan otro dato para ayudarme, comentenmelo!
Aquí esta mi código de Javascript
function submit() {
var rfc = $("#rfc").val();
var razon = $("#razon").val();
var correo = $("#email").val();
var uso = $("#uso").val();
if(uso === "otr"){
uso = $("#otro").val();
}
var datos = {
RFC: rfc,
Razon: razon,
Correo: correo,
Uso: uso
}
$.ajax({
type: 'POST',
url: uri,
data: JSON.stringify({ datosFactura: datos}),
dataType: 'json',
contentType: 'application/json',
error: function (xhr) {
alert("error " + xhr)
},
success: function (data) {
alert("Guardado")
}
})
}
En mi formulario
<form>
<div class="input-field col m4">
<input type="text" id="rfc">
<label for="rfc">RFC</label>
</div>
<div class="input-field col m4">
<input type="text" id="razon">
<label for="razon">RAZON</label>
</div>
<div class="input-field col m4">
<input type="email" id="email">
<label for="email">CORREO</label>
</div>
<div class="input-field col m6">
<select id="uso">
<option value="Por Definir">POR DEFINIR</option>
<option value="Gastos Generales">GASTOS GENERALES</option>
<option value="otr">OTRO</option>
</select>
</div>
<div class="input-field col m6">
<input type="text" id="otro" hidden>
<label for="otro" id="labo" hidden>ESPECIFIQUE</label>
</div>
<div class="col m4">
<input type="submit" class="btn-large" value="Guardar" id="agregar">
</div>
</form>