College of Mount Saint Vincent - Dicas de Programação - Por Guilherme Ferreira Olá, tudo bem? Sou o Guilherme FErreira do GuiFerreiraCode.com Vamos com mais uma dica. Essa dica é para solucionar a dúvida do usuário Hugo Seleiro. Ele relatou sua dificuldade nos comentários desse artigo. Estava com dificuldades de pegar os dados com o Jquery Assim resolvi fazer esse vídeo para explicar como pegar os dados do PHP com Jquery Um exemplo básico. Vamos com uma implementação básica para ajudar o amigo Hugo Seleiro. Vamos lá então Fiz um código básico de Html e salvei como index.php Peguei uma parte da estrutura do exemplo do Bootstrap. Um modelo que se encontra na página do framework. Estou usando o Jquery 1.11.1 Para poder fazer as implementações como teste. Atribui ele aqui. Ele está na raiz do projeto. E é um exemplo bem simples. primeiro vamos trabalhar com Php aqui em cima. da para ver aqui que é um arquivo index.php da para utilizar o Php no mesmo documento do html vamos lá para o o artigo. No Php podemos criar o array assim Ou dessa forma aqui Eu vou utilizar o primeiro formato. Vamos colocar aqui o código. Vamos usar só o título E a descrição e ainda vou criar um link aqui Criei o link aqui a descrição, vou criar também Vou mudar essa variável aqui para $dados No Php agente vai tratar então esse array aqui esses dados aqui... Vamos tratar com essa função aqui json_encode() antes de mandar para o html. Então vamos fazer isso aqui Vou pegar essa variável e colocar aqui dentro Ok... Então essa variável está recebendo um JSON desse array que fiz aqui em cima esses dados aqui poderiam ser dados do Banco de Dados em forma de array Vamos lá então.. vamos salvar isso aqui. Agora a parte do PHP está OK. Vamos pegar e trazer os dados para o Html vou fazer o seguinte aqui ... vamos criar... uma descrição para deixar bem claro. e aqui em baixo vamos criar essa Div aqui vamos colocar o style... e aqui dentro vamos colocar o PHP dar um echo dessa nossa variável aqui em cima. Aqui dentro já deve estar funcionando vamos fazer um teste Vou copiar essa div para colar aqui em baixo. Tirar fora o ID Só para ela aparecer e ver se está dando certo. Salvar e testar. Olha só... Estão já está vindo para nosso Html. Ele está mostrando apenas... Essa div que eu deixei aqui em baixo. essa qui está escondida no Html Então se eu tirar aqui ela ela some da página. E fica escondida no meio do código. Vamos conferir aqui... Se você reparar aqui em baixo vai encontrar a div. Nossa div com os elementos dentro Colocamos os dados do Php dentro dessa div. E agora vamos acessar... essa div com o nosso Jquery Vamos abrir uma função inicial do jquery aqui dentro vamos pegar os dados da Div utilizando esse ID aqui "dadosdoPhp" Vamos fazer um teste para ver se os dados estão vindo certinho Olhando aqui no console... e beleza está tudo certo. Aqui está Ainda está em forma de string vou ter que transformar em objeto Para fazer essa transformação vamos utilizar a função... função do jquery... JSON.parse() essa função aqui vou criar outra variável aqui ela vai receber... essa nossa função e dentro dela vamos colocar essa nossa variável com o string. com o formato de JSON E agora vamos transformar essa string em objeto vamos testar vamos criar um console.log() para ver o teste. Vamos lá! Atualizar aqui... E olha! Está aqui o objeto... Funcionou. com todos os dados definidos E agora vamos ver como utilizar esse objeto. Vou criar aqui uma div... ou melhor.. vai ser um h2 para o título. e vamos colocar o id="titulo" depois eu vou criar aqui em baixo um
que vai ter a descrição E ainda aqui em baixo eu vou criar um... que vai ter um link que vamos criar lá no Jquery Agora podemos usar o Jquery para popular os dados dentro desses campos aqui dentro colocamos essa variável aqui com o nome da chave que definimos A chave vai ser titulo esse do meio vai ser a descrição E o próximo vai ser o link do Ver Mais. e o link vai estar aqui no meio e colocar aqui o Ver mais fechamos o E assim já vais estar gerando o link dentro desse aqui vamos testar... Olha só! funcionou.. Resumindo: Mandamos os dados com o PHP, transformou eles em JSON, Atribuímos para essa variável aqui.. Dentro do Html colocamos em uma div escondida, Com os dados do PHP E os dados ficaram em um formato do tipo string. Com display none para o usuário não ver. depois... pegamos os dados aqui com o Jquery Atribuímos para essa variável E usamos o JSON.parse() para obter um objeto e depois enviamos os dados para o html novamente com o Jquery Tranquilo e funcionou direito. o link funcionou também. Você pode usar essa dica para trabalhar com os dados do PHP e altera-los ou modifica-los usando o Jquery esse código aqui estará no artigo e o link do artigo estará aqui na descrição do vídeo. Valeu.. forte abraço! espero ter ajudado o Hugo Seleiro Acho que esse vídeo vai ajuda-lo. Galera! Curta o Facebook do GuiferreiraCode e também escreva-se no canal do Youtube para acmpanhar todas as dicas e séries em vídeo. valeu! forte abraço e até a próxima..
Cat 2020 exam pattern and syllabus resultado exame fta abs igg Foz do Iguaçu curso de pedagogia grade. Duque de Caxias resultado oab 2020 junho Plano de negócios, produtos de limpeza de pele resenha Trabalho Acadêmico, quando vai sair o resultado do exame de suficiencia 2020 Resumo, como fazer apresentacao de slides no linux Crítica Literária/Filme. Exame de moto tatui ensaio da pleyboy cat 2020 exam pattern and syllabus Coronel Fabriciano toefl exam at british council. Festa da princesa sofia no jardim Proposta de Dissertação Santana curso anvisa manipulacao alimentos, cursos sobre literatura.
Rio de Janeiro:
Gina Kendal, Chenango County: SUNY Polytechnic Institute. São João de Meriti: School of Social Work; 2017.
Carrie Knight, Queens. Sobral: New Rochelle campus; 2018.
Holly Fischer, W End Avenue zip 10024. Maracanaú: College of Optometry; 2006.