Skip to main content
se añadieron 355 caracteres en el cuerpo
Origen Enlace
A. Cedano
  • 95.2k
  • 31
  • 145
  • 257

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 saberQuisiera 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 posibilidadespecie de enviar sólo parteescritorio a través del formulario,cual yo pueda realizar varios tipos de operaciones según la necesidad que tengamis necesidades.

PorVoy 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?

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.

Por ejemplo:

<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?

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?

Origen Enlace
A. Cedano
  • 95.2k
  • 31
  • 145
  • 257

Enviar sólo parte de un formulario vía Ajax

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.

Por ejemplo:

<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?