Jquery/Ajax cuadro de diálogo donde seleccionar entre todas las filas de una tabla sql

Question

en mi CMS, tengo una gran tabla que se almacena en todas las empresas clientes. En la tabla Position quiero almacenar el id del cliente.

Tengo la página addPosition que tiene que permitir insertar tal id seleccionando el nombre del cliente. La forma en que pensé en desarrollarlo, es abrir un cuadro de diálogo desde el cual seleccionar de la lista completa de clientes y el resultado del diálogo debe almacenarse en un campo oculto (por ejemplo).

¿Es posible usar jQuery o ajax? Si es así, ¿cómo? Si no, ¿cuál es una buena solución (o tal vez una mejor solución) del problema?

P.S. La parte de PHP no debería ser un problema.

Answer 1

Si se está preguntando cómo hacer una petición AJAX de jQuery, esta es una manera:

HTML:

<div id="message" style="display:none"></div> 

<form action="script.php" method="post" id="myForm"> 
    <select name="employees"> 
     <option value="1">Joh Smith</option> 
     <option value="2">Janeh Doe</option>  
    </select> 
</form> 

JQuery:

$('#myForm').on('submit', function() { 
    var $this = $(this); 
    $.ajax({ 
     url: $this.attr('action'), 
     type: $this.attr('method'), 
     data: $this.serialize(), 
     dataType: 'json', 
     success: function(response) { 
      if(response.success) { 
       $('#message') 
        .text('Database updated successfully') 
        .addClass('success') 
        .show(); 
      } 
      else { 
       $('#message') 
        .text('Error happened, AJAX request completed but PHP had a problem.') 
        .addClass('error') 
        .show(); 
      }    
     }, 
     error: function() { 
      alert('Error happened, AJAX request could not be completed.'); 
     } 
    }); 
    return false; 
}); 

En PHP si su base de datos fue actualizado con éxito:

echo json_encode(array(
    'success' => true 
)); 

de lo contrario:

echo json_encode(array(
    'success' => false 
));