JSFiddle - React, Tailwind, and code Playground

by Felipe Zura

HTML

<form id="ficha">
    <div id="nombre">
        <label>Nombre</label>
        <input class="inport"  type="text" id="nombre_pac" name="nombre_pac" />
    </div>
    <div id="apellido">
        <label>Apellidos</label>
           <input  type="text" id="apellido_pac" name="apellido_pac" />
    </div>
    <div id="correo">
        <label>Email</label>
        <input class="inport" type="text" id="email" name="email" />
    </div>
    <div id="Biografia">
        <label>Biografía</label>
        <textarea class="inport" rows="7" cols="30" name="biografia" id="biografia"></textarea>
    </div>
</form>

JavaScript

$(".inport").focusout(function(){
        var informacion = $(this);
        var nombre_campo = informacion.parent().attr('id');

     
        var url = 'informacion='+$(this).val()+'&nombre_campo='+$(this).attr('name');
        alert(url);
        
      $.ajax({
            type: "POST",
            url: "editar.php",
            data: url,
            success: function(data) {

            }
        });


     
    });

/*  en (editar.php) para actualizar el campo con la nueva información  

$informacion = $_POST['informacion'];
$nombre_campo = $_POST['nombre_campo']; 
$conn = ocinlogon($salud_pub_user,$salud_pub_pass,$salud_pub_serv);

$sql_update="update salud.tabla set '".$nombre_campo."' = '".$informacion."' WHERE PAC_RUT=".$pub_rut_pac." AND HOSP_FOLIO=".$pub_hosp_folio." "
$stmt = ociparse($conn,$sql_update);
ociexecute($stmt, OCI_COMMIT_ON_SUCCESS); 
ocifreestatement($stmt);

*/

/// dejo el input apellido_pac sin clase inport para no almacenar al realizar el .blur