Meu professor da faculdade nos deu exatamente essa provaaa. Infelizmente ele nao imaginava que eu estudo nesse canal... Te amoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
Cara, tenho prova sexta feira sobre Ajax, js e jquery, e sinceramente, num vídeo de 30 min vc ensinou mais que meu professor em 1 período inteiro.. parabéns, ganhou um inscrito, vou acompanhar e estudar pelo seu conteúdo!! Sucesso
Muito bem explicado. Essa sua abordagem debugando com console.log é bacana pra termos certeza que algo foi requisitado ou processado de forma correta. Parabéns.
Obrigado pelo feedback André, faço um convite, se ainda não me segue no Instagram @guilhermechinagliadev estou produzindo um conteúdo diferente por lá. Grande Abraço!!
Vlw Jairson pelo feedback, obrigado por acompanhar! Precisando estou pelo Instagram também, logo menos volto a postar conteúdo por lá tbm @guilhermechinagliadev Grande Abraço
Muito obrigado Peterson, Tmj, qualquer dúvida ou se quiser trocar uma ideia segue lá no Instagram @guilhermechinagliadev instagram.com/guilhermechinagliadev/ Grande Abraço
Cara, além da explicação ser muito clara e objetiva, os exemplos que você usa são phodásticos! Só esperando esse curso... Quem sabe você não poderia fazer uma série explicando funções Javascript usando exemplos com JS Puro e Jquery?!
Excelente conteúdo. Parabéns pelo vídeo. É muito difícil achar assuntos tão esclarecedores como este na net. Realmente deveria realizar um curso, passando por cada detalhe. Abços
Fala Leona obrigado pelo feedback, que bom que curtiu, não sei se já faz parte, mas vou fazer uma aula ao vivo de Design Responsivo e Flexbox, criando um projeto na prática se quiser colar lá no grupo, só acessar o link abaixo. www.guilhermechinaglia.com.br Grande Abraço!
Ao invés de usar Ctrl+K+C e Ctrl+K+U para comentar e descomentar, dá pra usar apenas Ctrl+; (control ponto e vírgula), que faz o mesmo, de forma mais prática. Gostei do vídeo, vou acompanhar os outros!
Opa Elcio show de bola, vlw pela dica, o meu vscode já tem algum comando com Ctr+; só não sei o que é, segue lá no instagram @guilhermechinagliadev Grande Abraço
Meus parabéns pelo vídeo e pela didática, você poderia fazer vídeos sobre cors? além disso, também sobre suas experiencias com empresas, trabalhos freelances, etc ?
Opa Joison obrigado pelo feedback e pelas sugestões de vídeo anotadas aqui. Qualquer coisa chama lá no Instagram pra trocar ideia ou retirar dúvidas. @guilhermechinagliadev Grande Abraço
Parabéns Guilherme, excelente didática. Acho que seria muito interessante você publicar nós comentários as fontes do MDN que você usou até mesmo para estudo.
muito bom, Do tipo com JS, se eu colocase uma variavel com um array de usuario, como seria do tipo, para o ajax pegar esse array e mater um array para mim fazer um forEach nela?
@@guilhermechinaglia amigo estou com uma duvida, tem alguma forma de alterar, não somente os dados de um form, mas modificar todo o formulario , colocar botões , inserir um input Collor e outros usando jquery ou outra solução sem atualizar a pagina? Tenho um projeto onde cada dispositivo tem uma interface web comum e nesta um modelo de formulario que é especifico para cada modelo, vez o outra tem um novo dispositivo que têm um novo tipo de formulario e devido a isso não tenho como fazer uma pagina geral para todos os modelos. Esses dispositivos se comunicam com um servidor a 3km de distancia via radio LORA e esse radio não da conta de enviar todo um arquivo html, mas daria para mandar pequenos trechos de códigos contendo os comandos para criar um formulário especifico para ele e alterar o formulario sem atualizar a pagina, mas não sei se é possível.
Parabéns irmão, explicação top. Queria tirar uma dúvida. Estou fazendo um app de restaurante que se resume no seguinte. Quando o operador do caixa incluir um pedido, o mesmo deve aparecer la na cozinha. Eu consegui, porem tive que usar um setInterval no meu ajax para ficar fazendo a requisição a cada 1s para ver os novos pedidos que entram no banco de dados. Teria como eu disparar essa requisição somente quando houvesse uma alteração na quantidade de linhas la no mysql? Ou seja eu quero que a lista de pedidos da cozinha seja atualiza assim que o pedido entrar no caixa. Tentei mandar a requisição no evento onsubmit. Porem só atualiza na maquina do caixa e na cozinha não. Essa atualização da cozinha tem de ocorrer quando ocorrer um insert no banco de dados, não importa de qual máquina entende.
No exemplo acima vc clicando fica repetindo sempre lista como evitar isso? E qual vantagem de usa evento desse jeito do que ("click",funçao,false) e a função esta acima.?
Olá Levi poderia explicar melhor a sua primeira dúvida com relação a lista, não entendi a sua pergunta. Com relação a vantagem ou o por que utilizo este modo, tenho um vídeo que falo sobre isso aqui no canal, está aqui ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-eOmV6BohIAk.html Grande Abraço
@@guilhermechinaglia ola guilherme eu mesmo ja consegui resolver era pra apagar os registos da lista inves de repetir sempre ao clicka, era so antes colocar que text = " "
@@Levialmeida100 Fala Levi poxa que bom que conseguiu, desculpa não tinha entendido sua dúvida no primeiro momento. Qualquer coisa estarei por aqui. Grande Abraço!!
@@guilhermechinaglia vlw vc e gente boa, so um detalhe eu fiz o processo ajax usando agora no php o select de dados no mysqli e percebe quando click no html demora uns 4 seg para puxa os dados, algo demorado se compara na atualização de pagina
@@Levialmeida100 vlw cara tmj, então o conceito do Ajax não é tanto relacionado a velocidade que obtemos a atualização na página, mas sim a sensação que ela passa para o usuário/cliente. A ideia de requisitar informações por exemplo e ver essa atualização acontecer sem o refresh da página. Neste caso vc pode colocar um loading enquanto os dados não são obtidos do servidor. Grande Abraço!
Fala maicon blz? Tive que formatar meu notebook, ainda continua com problema? Qualquer coisa segue lá no instagram @guilhermechinagliadev Grande Abraço.
@@guilhermechinagliatranquilo cara👍🏾, acredito que nesses dias vou formatar o meu também, esperando pelo lançamento do Ubuntu kkkkk, e ainda continuo com o problema já usei muitas coisas e até agora nada, vou te seguir lá no insta 👍🏾
fala amigo blz,gostei muito da sua explicaçao,muito bem detalhada e com calma,mas eu tenho uma duvida,se eu adicionar mais um valor no array la no php,vou ter que clicar no botao para esse valor aparecer né?,mas e seu eu quiser que ele aparece em tempo real na tela,eu teria que rodar um loop no javaScript para ficar mostrando?,mas se eu fizer isso ele vai ficar repetindo os valores sem parar,tem algum jeito de reolver isso?
Pergunta: se o arquivo lista fosse alterado, haveria como o AJAX, atualizar o resultado sem o refresh da pagina o uso do btn??? Um evento pode partir do arquivo PHP???
Muito bom, porem o meu da sempre o mesmo erro relacionado a CORS, tentei com minha api hospedada no 000webhost, com o arquivo php na maquina local e com a minha api no wampserver local na mesma maquina. E sempre aparece isso (from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https.)
Fala leonardo blz? Estou retomando o conteúdo do canal, não sei se ainda está com problemas de CORS ou se conseguiu resolver, geralmente no lado do PHP inserimos um Access-Control-Allow-Origi, este problema de cors é quando tentamos executar uma ação assíncrona, buscar alguma dado ou enviar em "origens" diferentes, por exemplo a aplicação client em um endereço de IP diferente do backend. É uma regra dos browsers para deixar mais seguro este tráfego de informações.
Fala Cleiton blz? Sim vc consegue replicar com xampp tbm. O xampp ele vai emular o servidor php pra você, no caso do vídeo como faz muito tempo não me recordo se utilizei o apache e php instalados na máquina. Mas dá pra utilizar sim o xampp, lamp, Wamp (emuladores).
Fala Evanildo tudo bem? Tem uma playlist aqui no meu canal chamada "Como implementar GRÁFICOS dinâmicos com Chart.js" é este link aqui: ru-vid.com/group/PLARhMvcrqcLyrPIEOTvyehxruw99BLiLD , nesta playlist de 3(três) vídeos eu utilizo uma requisição ajax pra obter os dados que estão gravados em uma base de dados (MySQL), e o retorno dos dados insiro na biblioteca Chart.js através do JavaScript. Se puder dar uma conferida lá acredito que vai responder a sua dúvida. Qualquer coisa se persistir me chama aqui ou lá no instagram @guilhermechinagliadev Grande Abraço!!
@@guilhermechinaglia Olhei os vídeos, porém usa é jquery para pegar os dados do banco e levar a outra pagina, eu gostaria de ver usando apenas ajax e json js puro como neste vídeo.
É fácil é só substituir o JQuery pelo JavaScript puro, a ideia de produzir dois vídeos um com JQuery e outro com JavaScript puro foi pra galera poder escolher a que agradar melhor e tbm pra entender como o JQuery com Ajax funciona por debaixo dos panos. Tenta implementar o chart.js com JavaScript puro é só pegar o que aprendeu no Tutorial AJAX + JSON e substituir o JQuery Ajax, qualquer dúvida estarei por aqui. Grande Abraço
@@guilhermechinaglia como enviar um objeto php via json da da pagina LISTA.PHP e receber na pagina index? Poderia mostrar como receberia essa resposta, tento mas sempre da NULL... por favor
ei bro, por algum motivo o ajax.responseType = "json"; esta dando erro, confirir letra por letra linha por linha , e deu erro por que ? apresenta o seguinte erro, Uncaught TypeError: Cannot read property 'length' of null at XMLHttpRequest. (script.js:13)
Dá uma olhada na conexão do seu banco se os elementos estão sendo trazidos. A mensagem de erro refere-se ao fato de estar tentando contar com a propriedade length, mas ela não consegue por que não tem conteúdo. Caso continue dando erro, coloca seu código no codepen pra que fique melhor de verificar. Abç
@@guilhermechinaglia sim mano, dei uma olha mas quando tira ajax.responseType = "json"; funciona de boa, e como assim , Dá uma olhada na conexão do seu banco , desculpa por pelas perguntas, ksks, é que estou aprendendo agora sobre java script etc
ola tudo bem, neste site consigo pegar um arquivo midi e transformar em json, agora como fazer para recuperar todas as notas musicais , com suas duracoes ? (www.visipiano.com/midi-to-json-converter/) desde ja obrigado.
João verifica se a conexão está correta no PHP, e caso positivo, dá um console.log na resposta que está vindo pelo lista.php. Caso persista o erro, joga depois o seu código no codepen pra que eu possa dar uma olhada. Abraço