Tutorial de solicitud AJAX con Javascript
HTML-код
- Опубликовано: 12 сен 2024
- Olvídate de jQuery y aprende a crear una solicitud AJAX solamente con Javascript.
✅ Suscríbete al canal bit.ly/RUclips-...
🔔 Activa la campanita de notificaciones
Descarga los archivos del tutorial:
bit.ly/Github-s...
bit.ly/MRR-Gith...
Sígueme en las redes sociales:
Blog: www.vidamrr.com
Facebook: / vidamrr
Twitter: / vidamrr
Instagram: / vidamrr
----------------------------------------------------------------------------------------------------
➡️ Más videos dentro del canal:
Café con Rivas - Vlogs bit.ly/mrr-vlogs
Curso de PHP + MySQL bit.ly/mrr-curs...
Basicos Dev: bit.ly/basicos-dev
Tips y trucos: bit.ly/tips-trucos
Mi primera app: bit.ly/primera-app
Tutoriales Kotlin y Android: bit.ly/tutos-an...
Problemas con código: bit.ly/problema...
Curso básico de CSS: bit.ly/curso-cs...
Diseño elementos con CSS bit.ly/componen...
Mi primer sitio web con CSS: bit.ly/primer-s...
Curso avanzado de CSS3: bit.ly/curso-css3
Sitio web Completo en CSS3: bit.ly/mrr-siti...
Curso de jQuery: bit.ly/mrr-curs...
Portafolio web con jQuery: bit.ly/portafol...
Sitio web dinámico con jQuery bit.ly/sitio-di...
Tutoriales Photoshop bit.ly/mrr-tuto...
Por fin un vídeo con Javascript puro, ya me estaban rompiendo las pelotas los mil vídeos con jquery. Arigato
Gracias, al punto y súper claro. Una pregunta, ¿Tienes algún vídeo donde expliques Post, Put y Delete?
A lo mejor tú lo entiendes. El resto del mundo se ha perdido en el minuto 0. Pero gracias.
? Si se entiende
Excelente video, ademas bien explicado para que uno por si mismo pueda implementar AJAX sin librerias y por nuestra propia cuenta.
Saludos
Hola Marcos.
Seria iteresante que hicieras una validación de formulario por medio de Ajax y PHP. Muchas gracias y excelente trabajo.
Gracias John! ya tengo varios videos de cómo poder validar formularios con PHP. Realmente no es necesario hacerlo con ajax
gracias 👏por este tutorial lo estaba buscando
Gracias por el vídeo. En si siempre lo hacía con jQuery directamente. Consulta, qué tema usas para el vscode y que iconos. Gracias!
Se llama.One Dark Pro Vivid, y el de los iconos no recuerdo en este instante. Hay un vídeo de extensiones para VS Code donde menciono cuál es
Una duda el archivo página.html tiene que estar en el mismo servidor para que funcione ?
¿Eso mismo lo puedo hacer con un archivo php para consultas a bd? :(
Estaría shidori que hicieras una versión de este vídeo igual pero para php :c
espero algun dia entender esto :(
X2
Con práctica sin duda, yo hace 3 meses no entendía nada, ahora ya he podido hacer páginas weba usando Ajax
@@luiggymacias5735 bueno ahora voy a empezar yo ya que veo que casi todas las empresas piden
Lo mismo pensaba yo bro, llevo 3 meses trabajando y ya estoy entendiendo esto, antes no sabía nada de HTML ni JavaScript, echale ganas
muy buen video! me ha hecho entenderlo super sencillo
Muy bien explicado muchas gracias!!
Oh gracias! me sirvió para entenderlo mejor!
Rápido y sin tanto rodeo, gracias.
¿¿ En vez de tener un listener en la función, se podría poner en el botón esto: onclick="ajax();"> ??
excelente hermano, gracias
excelente gracias justo lo que necesitaba
Y sabes como pedir cosas como iconos y audios
Perdón pero, alguien puede decirme porque en el addEventListener no se pasa como segundo parámetro directamente la función ajax..?
Hola que tal, oye me gusto tu video soy nuevo en esto, y me gustaría saber si tienes un video o como le puedo hacer para que lo que carga el botón me aparezca en una zona precisa de mi pagina, es necesario insertar un ?
en el otr ovideo te pregunte amigo por el tema como configurarlo y la fuente que usas , si me harias ese favor de 10 siempre veo tus videos gracias
El tema es One Dark Pro Vivid amigo, perdón creo que añadí tu pregunta al video de preguntas y respuestas, ahí explico con mayor detalle
Excelente video
Hola amigo. buen vídeo ... lo que intento hacer una funcion tipo ajax de jquery ahí tengo un avance no se sime puedes ayudar . o pudieras hacer un vídeo...
cómo la quieres hacer?
que tenga la funcion de carga, y cuando da el error la solicitud ajax me ayudarías mucho mi estimado
Hola amigo, ya vi el tuto y no entendí jajaja cuanto me cobrarías por ayudarme a hacer esa función en mi wordpress con un reproductor de radio?
tus links no mandan a nada util
Buen vídeo!, pero qué tendrá de diferencia contra "fetch"?
muy interesante pregunta Luis, eso lo voy a contestar en otro video jaja espéralo pronto
@@vidamrrbuen video, me ayudas con el tema que usas en VSCode porfavor
@@francm_1 mirate su video de preguntas y respuestas
¿saben cual es el "pequeñito" problema con esto? y es una cosita de la que no hay ni videos ni foros ni nada. y es que el html q se cargó por ajax dentro del div, ok, se muestra funciona, perfecto, maravilloso ..... PEEEEEEROOOOOOOOOO como les parece q no se ejecuta ningún código javascript en ese archivo, a no ser q sea código javascript en línea, es decir puesto directamente sobre las etiquetas, cosas como onclick, onfocus ...... alguien podría pensar q esto se soluciona poniendo una etiqueta script en el archivo padre.... y sí, funciona, pero si de casualidad creyeron q de esta forma ibas a poder hacer q mas archivos de peticiones ajax anidados cargados en el div van a tomar ese código y ejecutarlo... déjeme decirle cuan ilusos son. eso no sucederá, no funcionará!!!!
Entonces es mejor hacer un enviador de Ajax en un archivo aparte
Disculpa... Una consulta ¿Funcionaria con todos los navegadores?
Con todos los modernos sí 👌
Gracias
buen vídeo
HOLA AMIGO ESTOY INTERESADO EN UN SCRIPT AUTOMATIZADO. CREE QUE PUEDA AYUDARME??
El código que posee la solicitud http se puede visualizar desde consola del navegador ? Si ese es el caso podrán ver la url ala cual se le ase la solicitud y podrian usarlo para aser daño a nuestras webs ??🧐🤔
solo elimina el console.log(this.responseText)
hice todo y no me imprime nada
no entendi ni mierda
very good
muy buen video pero como seria una peticion tipo post
document.querySelector('.enviar').addEventListener('click', function () {
const url = 'uno.php';
const method = 'POST';
const params = {
nombre: 'Leonardo Manuel Alvarez',
numero: '974839834782'
}
ajax(url, method, params);
})
function ajax(url, method, params) {
var http = new XMLHttpRequest();
var parameter = '';
for (var prop in params) {
if (params.hasOwnProperty(prop)) {
if (parameter.length > 0) {
parameter += '&';
}
parameter += encodeURI(prop + '=' + params[prop]);
}
}
http.open(method, url, true);
http.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
http.onreadystatechange = function () {
if (this.readyState == 4 && this.status == 200) {
alert(http.responseText);
}
}
http.send(parameter);
}
así mero
gracias jaja
Jigheru🎛️🥾
para la tonteria que haces, lo haces con Fetch y al menos enseñas algo util
Este es un video del 2018 Antonio.