Una vez ya tenemos el codigo y el fichero en PHP de nuestras ordenes y codigo necesario como hemos visto en un anterior post , vamos a ver como hacer en Jquery las ordenes Ajax
Debemos recordar que los fichero .js de java debemos añadirlo al código de nuestro modulo
public function hookActionAdminControllerSetMedia($params) { if (Tools::getValue('module_name') == $this->name) { $this->context->controller->addJS($this->_path.'views/js/update.js'); $this->context->controller->addCSS($this->_path.'views/css/back.css'); } }
Una vez tenemos esto vamos a crear el fichero update.js para recibir la orden de los botones y por lo tanto ejecutar las ordenes ajax
//Lo primero que debemos hacer es activar el js al leer el documento $(document).ready(function(){ //Añadiremos las variables principales que sean necesarias, usando el símbolo $ para que sean globales // añadimos la función cuando se hace click en un botón, en esta ocasión con el id: update_products $('#update_products').on('click',function(event){ // y aqui añadimos la orden Ajax $.ajax({ type:'post', data : "{}", //llamamos al fichero creado anteriormente, esta vez sin orden url:'../modules/importsuarez/readajax.php', dataType: "json", // ordenes y codigo al recibir que todo funciono correctamente success : function(response) { // lo añadimos a una variable global el resultado del ajax $productos = response; //Vamos valor por valor hasta terminar todo el array $.each(response,function(index,itemData){ // Aqui añadiremos el codigo necesario $lineas++; }); }, //una vez ha completado la orden ajax, mostramos el resultado o añadimos otro codigo. complete : function(){ $('#column_right').html("Total productos : "+$lineas); } }); } }
Una vez tenemos este codigo podemos realizar lo que queramos con el resultado del Ajax pedido.