Tengo un formulario bastante grande con varios botones para enviar peticiones diferentes al servidor vía Ajax.
Yo envío los datos a través de esta función:
function enviarForm() {
var frm = $('#frm_crud');
var data = frm.serializeArray();
console.log(data);
var request =
$.ajax({
url: frm.prop('action'),
method: frm.prop('method'),
data: data,
dataType: 'html'
});
request.done(function(msg) {
console.log(msg);
});
request.fail(function(jqXHR, textStatus) {
alert('Hubo un error: ' + textStatus);
});
}
Ahora bien, mi código no está optimizado, ya que mi formulario sirve para muchas cosas y aquí, por cada cosa yo envío todo el formulario al servidor.
Quisiera saber una posibilidad de enviar sólo parte del formulario, según la necesidad que tenga.
Nota: Necesito un solo formulario, porque en ciertas operaciones sí es útil enviar todo el formulario al servidor. Mi formulario está concebido como una especie de escritorio a través del cual yo pueda realizar varios tipos de operaciones según mis necesidades.
Voy a poner un ejemplo muy simple, a sabiendas de que el formulario es mucho más complejo:
<form id="frm_crud" action="ok.php" method="post">
<label for="name">Nombre:</label>
<input id="idname" type="text" name="name">
<label for="apellido">Apellido:</label>
<input id="idapellido" type="text" name="apellido">
<button id="btnPersona">Enviar Persona</button>
<hr />
<label for="ciudad">Ciudad:</label>
<input id="idciudad" type="text" name="ciudad">
<label for="provincia">Provincia:</label>
<input id="idprovincia" type="text" name="provincia">
<button id="btnGeo">Enviar Geo</button>
</form>
Al apretar el botón Enviar Persona
, quisiera enviar solamente los datos relativos a esa parte del formulario (Nombre y Apellido), sin tener que especificarlos uno por uno. Una especie de serialize
segmentado. ¿Cómo podría hacerlo?