Header Ads Widget

Ticker

6/recent/ticker-posts

Agregar, Editar Y Eliminar JQuery Ajax Usando PHP Y PostgreSQL - Parte I

 En el tutorial anterior de PostgreSQL, hemos aprendido sobre la conexión de PostgreSQL con PHP y la lista de datos utilizando no ajax .

Este tutorial ayuda a crear un listado con la operación CRUD usando PostgreSQL y Ajax jQuery, que tienen registro de listado, insertar registro en la tabla postgreSQL, actualizar el registro en la base de datos postgre y eliminar el registro de la tabla postgreSQL.

Esta es la primera parte del tutorial, por lo que crearé una lista con la funcionalidad de insertar registro. No estoy compartiendo la conexión de Postgre y la creación de tablas en PostgreSQL. Obtienes información de mi tutorial anterior Cómo conectar la conexión de la base de datos postgreSQL con PHP .

Usaré los siguientes archivos en este tutorial de PostgreSQL y PHP,

  • index.php : Este archivo es el archivo de entrada principal de la aplicación php. Este archivo tendrá una lista y un formulario CRUD HTML.
  • response.php : Este archivo contendrá todos los métodos de acción para obtener e insertar datos en el método de base de datos postgre.
  • libs/ : Esta carpeta tendrá todos los archivos de dependencias.
  • libs/common.js : Este archivo tendrá todo el método jQuery ajax para obtener datos del lado del servidor PHP.

Entonces, comencemos el listado AJAX con insertar registro en postgreSQL usando PHP. Tenemos la columna employee_name , employee_salary y employee_age en la tabla de empleados, y también la 'id'columna como clave de serie en la tabla de empleados.

Listado AJAX De Tabla HTML Usando PHP Y PostgreSQL

index.phpAgregaremos el diseño HTML en el archivo para agregar la lista de tablas. Estoy usando el marco CSS de arranque, así que cree una tabla HTML con clases de arranque, Incluí todos los archivos libs en la sección principal del index.phparchivo.

Se agregó a continuación el código HTML index.phppara el enlace de registros de empleados con la tabla.

Crearemos una solicitud AJAX jQuery en un common.jsarchivo. Este método obtendrá los datos de los empleados de la base de datos postgreSQL. Crearemos una solicitud GET HTTP y la pasaremos response.phpcomo valor de parámetro de url.

Estoy vinculando la columna employee_name , employee_salary y employee_age con el 'td'elemento de la tabla HTML, finalmente vinculo todas las filas con el '#emp_body'tbody de la tabla. Estamos usando el append()método jQuery para crear una cadena HTML de fila HTML con datos. El parámetro url 'response.php?action=list'significa llamar al response.phparchivo y pasar la 'action'variable con 'list'valor.

Crearemos un response.phparchivo y agregaremos algo de lógica para manejar el parámetro de acción y llamar al método apropiado según el nombre de la acción pasada.

Se agregó un bucle de cambio de PHP al método de llamada según los parámetros de acción de paso, si no pasamos la variable de acción, obtendremos NULLvalores. Hemos creado una conexión de base de datos postgreSQL y pasamos la variable de instancia de base de datos a la variable de clase $this->conn.

Cómo Insertar Un Registro En PostgreSQL Usando PHP Y JQuery AJAX

Crearemos funcionalidad en estos tutoriales de php para agregar registros en la tabla de la base de datos. Insertaremos el registro de la tabla de empleados de la base de datos PostgreSQL. Las bibliotecas PHP postgreSQL proporcionan muchos métodos útiles para comunicarse con la base de datos PostgreSQL.

Crearemos código HTML para agregar un botón para mostrar el cuadro de arranque modal.

Crearemos un contenedor div de notificación en la parte superior de la tabla, que se utilizará para mostrar el mensaje de error O de éxito.

Crearemos el cuadro modal Bootstrap que se mostrará al hacer clic en el botón Agregar registro.

Hemos creado un cuadro modal de Bootstrap con '#add_model'id, que se usa en el 'Add'botón para mostrar el cuadro modal. Hemos creado un cuadro de entrada para ingresar employee_name, employee_salary y employee_age of employee, el nombre del campo de entrada HTML y el id es el mismo que la columna de la tabla de empleados.

Se agregó un '#btn_add'botón para llamar al método save ajax para insertar un registro en la base de datos.

Crearemos un método para activar el método jquery AJAX en el common.jsarchivo,

Tenemos un "#btn_add"botón de enlace con un evento de clic y lo llamamos ajaxAction()pasando el valor del 'add'parámetro de acción. Crearemos el ajaxAction()método en el common.jsarchivo.

Estamos enviando HTML desde los datos para serializarlos hasta el response.phparchivo, también podemos usar este método para actualizar el registro. Mostramos un mensaje de error y éxito según la respuesta de llamada ajax.

Agregaremos la opción insertar registro en el Swtich()bucle php, agregaremos el siguiente código en el response.phparchivo,

Crearemos un 'insertEmployee'registro en un response.phparchivo. El aspecto es el siguiente,

Estamos usando un pg_insert()método para insertar un registro en la base de datos PostgreSQL, el formato de datos sería una matriz asociativa.También puede usar el pg_querymétodo para ejecutar la consulta de inserción para agregar un registro, pero yo había usado el pg_insert()método, parece que está usando ORM para manejar agregar datos a la base de datos .

El siguiente tutorial tendrá la edición y eliminación de registros utilizando AJAX, php y la base de datos PostgreSQl.

Publicar un comentario

0 Comentarios