Ejemplo de Ajax en Jquery llamando a un php

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.

Deja una respuesta
You May Also Like