Implementar  

¡me sirvió bastante!, además la forma que tienes para explicar cada paso hace que sea muy difícil perderse, ¡excelente video!

Definitivamente este es el mejor Canal que he encontrado en todo RU-vid para aprender de manera combinada todo sobre Front End y Back End ,usando herramientas fundamentales como Bootstrap y css y por el lado del servidos mySql y PHP y , bueno, el puente entre estos usando jQuery y al tecnología AJAX. Muchas gracias y saludos desde Costa Rica.

muy buen aporte a la comunidad felicitarte amigo. simple sin tantas vueltas y muy practico

Eres genial por tus conocimientos, pero tu forma de explicar es lo mejor, gracia por compartir tus conocimientos!!!!

Es un muy excelente video Abel, muchas gracias por ese material de muy buena calidad y lo mejor es que lo fuiste mostrando tal como lo ibas realizando con todo y mensajes de errores y la manera de debugeralo ..!!! Nitido ..!!

Tremendo video, me encanto. Gracias por compartir

Excelente el video. Un complemento para aquellos que estamos empezando en este mundo de la informatica. Bendiocnes desde Costa Rica.

TE AMO BRO!!

Muy bien explicado, muchas gracias man!. Espero que siga creciendo y pueda ayudar a muchas mas personas como me ayudo a mi.

Hola abel, muy buen video gracias por todo.

Que buena Explicación...... !! muchas gracias..

Crack, gran profe

Excelente!!! muy didactico... bien explicado se entiende bien ... te sigo desde Paraguay ... sigue asi !!! Vas a continuar con un CRUD los sgtes. videos seria bueno!!!

Excelente video hermano, me será de mucha ayuda

Felicitaciones ! excelente video. gracias me ayudo muchísimo.

Muy interesante.

Que crack, me salvarte la vida gracias

Excelente tutorial amigo, sigue así 💪

gracias amigo, explicas muy bien, sigue así :D

Tremendo Video, muy bueno :)

Excelente gracias

gracias por el video. Hubiese sido genial que compartas el código final de tu ejemplo

Muchas gracias. Te comento: Del inconvenientes en el archivo Sistema de Ventas y Facturación (Buscar Producto con Ajax) - 54. Pude resolverlo; pues, examine tu recomendación y efectivamente pude encontrar dicho inconveniente. Gracias Colega, Seguimos adelante en esta profundización de estudios...

Buen video. Me gustaria que hicieras uno cogiendo valores de un formulario para con base a esos datos poder hacer una consulta y traer de base de datos información. Graciass

Q buena onda prrofe! :D

Ayuda para los que usan PDO POO. Espero que les ayude, disculpen si no me explico bien con esto, pero bueno XD: Si no saben como hacer la función en la clase donde se hará el query, se hace de la siguiente manera: se agrega una función en la clase donde estarán todos las funciones de consultas: //clase ejemplo: class Producto extends Conexion { public function busquedaProducto($dat){ //agregas un parámetro en la función (en este caso $dat) el cual le darás uso en el método del otro archivo "ajax.php" try{ $stmt= $this->cnn->prepare("SELECT * FROM productos WHERE nombrep LIKE :valor OR descrip LIKE :valor OR marca LIKE :valor"); $stmt->setFetchMode(PDO::FETCH_ASSOC); $stmt->execute(array(':valor' => '%'.$dat.'%')); $rs = $stmt->fetchAll(); return $rs; }catch(PDOException $e){ echo "Ocurrio un Error en el SQL. Mensaje: ".$e->getMessage(); die(); } } } // la variable $dat se tiene que crear al principio como "public $dat", pueden agregarle otro nombre a la variable. Luego en el archivo donde esta el metodo del POST (para hacer referencia al video, sería el archivo "ajax.php") se hará de la siguiente manera: if($_POST['action'] == 'action'){ //agregas la acción correspondiente $intId= ($_POST['valor']); //agg el valor del que se ingresará $query = new Producto(); // llamas a tu clase $result = $query->busquedaProducto($intId); // llamas a la función agregándole la variable con el valor = $intId $row = count($result); //con el count() contaras el numero de filas que hay. if($row > 0){ $arr = ''; foreach($result as $res){ // el foreach hace lo mismo que el while, pero mas simplificado $arr .= ' '.$res['nombrep'].' '. $res['descrip'].' Precio $'. $res['precio'].' COMPRAR '; } /// todo este html es de mi proyecto, pero aquí no es mucho, como en el video lo explica aquí colocaras lo que quieres que aparezca echo json_encode($arr, JSON_UNESCAPED_UNICODE); } else{ echo "nodata"; } exit(); } } //en el " into.js " es lo mismo, no tiene mucho asi que bueno. espero que les sirva de ayuda }PD: LIkaso por el bro Abel

Hola, muy buen aporte. Una consulta. hay algún video donde muestres el uso de varios combobox para filtrar dependiendo el primero que uses?. Te agradecería ese aporte. Saludos

que suerto que me salio recomendado tu video, estoy por los filtro de proveedores del proyecto de facturación, saludos amigo.

que buena explicacion, estuvo genial, una pregunta tienes algun tutorial similar pero con login, o me puedes dar tu contacto te escribo espero tu respuesta aprendi bastante

Gracis, el proyecto que estas haciedo sobre prestamos lo iras a terminar?

Hola profe muchas gracias por dedicar un poco de su tiempo a enseñar. Realice todo paso a paso del tutorial y todo me funciona el inconveniente es que no se me muestra en la página me dice indefined...dónde debería aparecer la búsqueda y no sé cuál es el problema. Lo que si se es que está bien lo demás porque en la consola si me aparece la búsqueda y convertida a json y la valido como recomendó y me aparece q esta bien. No se cual es el error q estoy cometiendo ayudas. Desde Colombia saludos

Te entendi mejor en este video que en tus cursos de Udemy que raro jajaja

Hola muy bueno el video, mi pregunta como se hace con imagenes??? si puedes explicar como se hace, te lo agradecería demasiado.

amigo una pregunta a ver si me ayudas, luego que esta funcionado el buscador, como se haria para tomar un dato de uno de esos registro para mostrarlo en otro formulario, ejemplo busco a xx y que ese dato como el dni me lo muestra en otro formulario para registrar otra informacion

muchas gracias amigo he comprendido muchos conceptos, no fue fácil hacer correr el código por mis errores al final quedo al 100 veo que algunos tienen problemitas les comparto mi codigo functions.js ----------------------------------- $(document).ready(function () { if ($("#btnSearch").length) { //.lenght cuenta cuantos elementos con este id hay { $("#btnSearch").click(function () { const id = $("#txtSearch").val(); const action = "searchContact"; var dataContact = ""; //alert(id); $.ajax({ url: "ajaxData.php", type: "POST", asyn: true, data: { action: action, id: id, }, beforeSend: function () {}, success: function (response) { if (response == "notData") { dataContact = "no hay Registro para mostrar"; } else { var info = $.parseJSON(response); dataContact = ` ${info.id_contacto} ${info.nombres} ${info.apellidos} ${info.telefono} ${info.email} `; } $('#rowsContact').html(dataContact); }, error: function (error) { console.log(error); }, }); }); } } if ( $('#txtSearch').length ) { $('#txtSearch').keyup(function(){ var dataSearch = $('#txtSearch').val(); var action = "searchContactKey"; var dataContact = ''; //alert (dataSearch); $.ajax({ url: 'ajaxData.php', type: "POST", asyn: true, data: { action:action, dataSearch:dataSearch }, beforeSend: function () {}, success: function (response) { if (response == "notData") { dataContact = "no hay Registro para mostrar"; } else { var info = JSON.parse(response); dataContact = info; } $('#rowsContact').html(dataContact); }, error: function (error) { } }); }); } if( $('#tblContact').length) { fntContactos(); } }); // termina ready function fntContactos() { var action = 'listaContact'; var data = ''; $.ajax({ url : 'ajaxData.php', type : 'POST', async : true, data: { action:action }, beforeSend: function(){}, success: function(response) { if (response == "notData") { dataContact = "no hay Registro para mostrar"; } else { var data = JSON.parse(response); } $('#rowsContact').html(data); }, error: function (error) {} }); } ------------------------ ajaxData.php ------------------------

Como implementar este ejercicio ...pero en MVC ? Si la consulta sql es parte de una función de una clase y el formato del ajax(url) le envías el nombre de la página ejemplo.php. Cómo acceder a la función de una clase por ajax ???

una consulta tengo un formulario con datos usuario,correo y contraseña, quiero validarlo con javascript, y luego de que javascript los haya validado, quiero enviarlos a php y que php me mande un mail al correo que ingresé en el formulario, como podría hacerlo?

Hay errores en los archivos que das aqui. Ese es el detalle de la gente que pone que no funcionan los archivos. Mi consejo es subir el proyecto ya funcionando. De ahi en fuera, excelente tutorial.

si a alguien no le muestra los datos que contengan tildes pueden colocar el siguiente código en su archivo de conexión: $conection = @mysqli_connect($host,$user,$password,$db); $conection->query("SET NAMES 'utf8'");

Buen video que me puse hacer de ocioso, pero si, la linea de JSON.parse(response) al ser boleano el valor php $num_rows no muestra el mensaje dataContact = "No Hay Registros para mostrar." solo en la red avisa el notData y en consola muestra "Uncaught SyntaxError: Unexpected token o in JSON at position 5", como se soluciona...saludos abel!...

hola, disculpa a mi me deja de funcionar los dos, no hace la busqueda en tiempo real ni por el boton solo funcionan si el codigo del boton lo comento o viceversa solo asi funcionan los metodos, por que da este problema?

¿Puedo usar XAMPP en lugar de WAMP?

una pregunta: como se compila esto en visual code?

Muy bueno tu video, pero deberias subirlo en HD

gran vídeo!!! , una consulta si fuera con el patrón MVC ese archivos ajax en que carpeta lo pondría??

buenos días. de donde puedo descargar el codigo. tengo errores y no los encuentro

Bien explicado, te estaba gritando que el nombre la propiedad no es correcta jajaja, si mostro el error como advertencia diciendo Propiedad desconocida. Cosas de programacion a todos nos sucede

Tuve algunos problemas al inicio con el archivo functions.js, ya que cuando intentaba mandar una alerta para ver si estaba bien enlazado no me enviaba nada, sin embargo, lo que hice fue cambiar el nombre del archivo y por lo tanto también en el la etiqueta script del archivo index.php. La verdad no sé a que se deba pero espero a alguien le sirva si es que se atora un poquito.

Excelente video .. se puede implementar paginacion sobre este proyecto ??

Muy buen video! Tengo un problema que no se porque se da. Todo funciona correctamente, pero la respuesta de ajax me llega junto con el código html de la cabecera y el pie de pagina de la web. Alguien sabe porque puede ser?

hola gracias por el video , para preguntar a mi no me salen lo alerts en la funcion succes

Hola, seguí tu ejemplo y no funcionaba me di cuenta que Crome no ejecuta el js , pego la misma URL en mozila y si funciona.

Disculpa tienes este ejemplo orientado a objetos?

Muy buen tutorial. Cuando intento buscar un contacto con el evento keyup no me deja. Envio lo que recojo del input, lo recibo en el ajaxData y hago la consulta pero al imprimirlo en el html no me deja. CUando lo pongo asi '.$row['id_contacto'].' me da fallo, me sale una advertencia de error dentro de los []. ¿ a alguien le ha pasado lo mismo? Me da este error: Parse error: syntax error, unexpected '' (T_ENCAPSED_AND_WHITESPACE), expecting '-' or identifier (T_STRING) or variable (T_VARIABLE) or number (T_NUM_STRING) in C:\wamp64\www\ajax\ajax-json-php-mysql\ajaxData.php on line 42

Alguien que le salga el 2 ejercicio bien? es que me he dado cuenta que por ejemplo si busco por j que son 3 filas de resultado, la bd me devuelve 3 filas...pero no se me pintan..he revisado el codigo mil veces y no doy con el fallo. Por consola me lanza este error VM1208:1 Uncaught SyntaxError: Unexpected end of JSON input

tengo una duda, jquery es lo mismo que ajax? habia visto videos que recomiendan ya no usar mas jquery, pero video que encuentro todos usan jquery y al final no se que hacer, que debo aprender?

Hola. He descargado el comprimido de Recursos, pero el archivo functions.js tiene tamaño cero (vacío), sin líneas de código.

No me funciona la función fntContactos( ) :(

Gracias por tu tiempo. Estoy probando y tengo el siguiente error: VM73:1 Uncaught SyntaxError: Unexpected token A in JSON at position 0 at JSON.parse () at Object.success (functions.js:30) La línea 30 de functions.js es: var info = JSON.parse(response); Y cuando veo la consola luego de ejecutar la instrucción: console.log(response); Me muestra lo siguiente: Array ( [action] => searchContact [id] => 5 ) {"id_contacto":"5","nombres":"Mariela","apellidos":"Soto","telefono":"67387678","email":"mariela@info.com"} Me puedes indicar que problema hay? Muy Atentamente Jaime.

tengo este error que me recomiendan

No se supone que el id debe ser unico. Porque evaluar si existe mas de uno?

Excelente!!! muy claro y objetivos... bien explicado se entiende bien ... vivo en Colombia. Ahora te comento: Tengo algunos inconvenientes en el archivo Sistema de Ventas y Facturación (Buscar Producto con Ajax) - 5, pues noto que los campos que incluyen datos númericos no los muestra, revise y los revise... los archivos, scripts.php, ajax.php, function.js y no he dado con la solución, espera tu ayuda, por mi correo es: hnavarrohnh@gmail.com...

Hola buenas tardes; Estoy realizando este tuto, pero a que se debe que me arroja el siguiente error con el JSON.parse()?: VM61:1 Uncaught SyntaxError: Unexpected token C in JSON at position 0 at JSON.parse () at Object.success (items.js:20) at c (jquery-3.5.1.min.js:2) at Object.fireWith [as resolveWith] (jquery-3.5.1.min.js:2) at l (jquery-3.5.1.min.js:2) at XMLHttpRequest. (jquery-3.5.1.min.js:2) Este es el JSON que se crea: {"itemID":"1","itemNumber":"00010001","itemName":"Monitor Acer 15\" Modelo LD1520","itemColor":"Negro","itemCost":"200.25","itemPrice":"225.25"} Ya lo he pasado por la pagina de verificación de JSON y lo marca como correcto.

Hola Abel agradecido un motón por brindar de tus conocimientos con nosotros saludos desde Venezuela, abel sera que me puedes ayudar con esto una solución y no la eh encontrado aun espero tengas un tiempo y orientarme en esto. tengo el siguiente código $('#btnAccion').on('click', function (e){ e.preventDefault(); // Evitamos que salte el enlace. var PaqueteDeDatos = new FormData(); PaqueteDeDatos.append('id', $('#id').prop('value')); PaqueteDeDatos.append('Nombre', $('#Nombre').prop('value')); PaqueteDeDatos.append('Foto', $('#Foto')[0].files[0]); PaqueteDeDatos.append('Descripcion', $('#Descripcion').prop('value')); PaqueteDeDatos.append('Precio', $('#Precio').prop('value')); PaqueteDeDatos.append('Cantidad', $('#Cantidad').prop('value')); var Destino = "../Modulos/Carrito.php"; $.ajax({ url: Destino, type: 'POST', contentType: false, data: PaqueteDeDatos, processData: false, cache: false, success: function(Resultado){ console.log(Resultado); }, error: function (){ alert("Algo ha fallado."); } }); }); eso es para enviar los productos a un carrito pero al darle click al botón igual se me actualiza la pagina no logro encontrar la manera de que no me la actualiza podrías ayudarme por favor

hola buenas noches tengo este error de sus videos de facturacion var info = JSON.parse(response);

Hola, editar y eliminar como seria?

Recomendacion... cualquier cosa q hagas ve al grano... adios