Conexão AJAX com API MySQL PHP | Laurence Svekis | Skillshare

Velocidade de reprodução


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

18 aulas (1 h 49 min)
    • 1. Apimysql

      2:29
    • 2. 1 Introdução à criação de uma API de interação de banco de dados AJAX

      4:53
    • 3. 2 Recursos Configurar mySQL PHP pronto

      5:26
    • 4. 3 introdução rápida do jQuery e como adicioná-lo às suas páginas da Web

      4:43
    • 5. 4 Trabalhando com jQuery

      6:54
    • 6. 5 métodos de jQuery Ajax

      7:25
    • 7. 7 conteúdo de publicação AJAX no endpoint PHP

      7:02
    • 8. 8 saída PHP como dados JSON

      5:24
    • 9. 9 AJAX enviar vários valores para o endpoint PHP

      5:20
    • 10. 12 Criar tabela de banco de dados MySQL

      2:26
    • 11. 14 Conectar ao banco de dados

      4:19
    • 12. 15 Adicionar conteúdo ao banco de dados via código de interface AJAX

      6:42
    • 13. 16 Inserir no mySQL

      5:53
    • 14. 17 Inserir e atualizar conteúdo de banco de dados com AJAX

      9:43
    • 15. 18 Obtenha dados da saída de banco de dados como JSON

      9:21
    • 16. 19 dados de saída Dyanmically novos JSON

      7:34
    • 17. 20 Obtenha saída de dados em HTML

      5:47
    • 18. 21 conclusão de API da Web

      7:14
  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

299

Estudantes

--

Sobre este curso

Conexão AJAX com MySQL PHP
APILearn como você pode criar uma API de banco de dados simples que pode ser acessada a partir de código de
frontend, atualizado e mais

O escopo do curso permanece focado na construção de interação de API. Ele abrange
várias tecnologias que trabalham juntas e tópicos apenas em relação ao projeto
acabado.

Deseja acessar seu banco de dados MySQL usando JavaScript? Deixe que visitantes da Web interajam
perfeitamente com seu banco de dados MySQL. Adicione novos conteúdos, atualize conteúdo existente
e consulte o banco de dados para retornar resultados! As bases de dados fornecem tanto poder para seus aplicativos da
web, por que não usá-los mais.

Este curso único leva você através de etapas de criar um api da web simples para
permitir a interação de banco de dados de visitantes da web. Banco de dados é fundamental para criar uma experiência dinâmica
interativa incrível para usuários da web. Isso permite que você faça mais!

Este curso vai abrir a porta para você construir nosso monte de COISAS COOL!
Das lições do curso, você será capaz de produzir uma ampla gama de usos para
o código. O código-fonte está incluído para que você possa praticar junto com as aulas, experimentá-lo para si mesmo e
ajustá-lo para suas necessidades individuais.

Este curso abrange muitas tecnologias e demonstra que todos trabalham
juntos para alcançar o objetivo da API.

JavaScript e uma compreensão do Modelo de Objeto de Documento são uma
base importante antes de iniciar este curso. Projetamos o curso para ser
acelerado passo a passo cobrindo os essenciais para criar a API da web. Observe
que a tecnologia principal do curso é exibida, usada apenas no curso para criar
a API.

O QUE VOCÊ VAI APRENDER

HTML básico - configurando elementos simples para acessar a partir do
JavaScriptBasic básico - criando
buttonsjQuery - AJAX, obtendo valores de elementos a partir de um formulário,
atualizando elemento interno HTML.JSON - Como enviar objetos JSON e como recuperar dados JSON e usá-los como
objetos dentro do

JavaScript.PHP - Como obter variáveis de solicitação, configurar uma conexão de banco de dados mySQL, looping de dados, arrays, outputting conteúdo como JSON
formatted.RegEx - Verifique valores como
numericMySQL - Configure um banco de dados, conecte-se a um banco de dados, acesso phpmyadmin e consultas de gravação
para atualizar, selecionar e inserir dados. Impedir injeção SQL.
Veja tudo funcionando juntos e muito mais!

No final do curso, você terá o conhecimento de como unir, criar uma API simples para interagir com seu banco de dados. Use este curso
como ponto de partida para opções ilimitadas com este código totalmente funcional e
personalizável.

Estou aqui para ajudar você a aprender sobre APIs e pronto para responder a todas as perguntas que você possa
ter. O que você está esperando para se inscrever agora e ver o que você pode fazer!

Conheça seu professor

Teacher Profile Image

Laurence Svekis

Best Selling Course Instructor

Professor

Web Design and Web Development Course Author - Teaching over 1,000,000 students Globally both in person and online.    Google Developer Expert since 2020 GDE

I'm here to help you learn, achieve your dreams, come join me on this amazing adventure today
Google Developers Expert - GSuite

Providing Web development courses and digital marketing strategy courses since 2002.

Innovative technology expert with a wide range of real world experience. Providing Smart digital solutions online for both small and enterprise level businesses.

"I have a passion for anything digital technology related, enjoy programming and the challenge of developing successful digital experiences. As an experienced developer, I create... Visualizar o perfil completo

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%
Arquivo de avaliações

Em outubro de 2018, atualizamos nosso sistema de avaliações para melhorar a forma como coletamos feedback. Abaixo estão as avaliações escritas antes dessa atualização.

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui cursos curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Apimysql: O escopo desta unidade curricular está focado na construção de uma interação P I. Deseja acessar seu banco de dados de sequela usando JavaScript. Permita que os visitantes interajam perfeitamente com o meu banco de dados de sequela, Adicionar novo conteúdo, atualizar o conteúdo existente e consultar o banco de dados para retornar resultados. Os bancos de dados fornecem tanto poder para seu aplicativo Web, por que não usá-los ainda mais? Este curso único leva você através das etapas de criação de uma web simples. bancos de dados de interação AP Permitir Visitantes Web Database são fundamentais para criar uma incrível experiência dinâmica interativa. Usuários da Web. Deixam-te fazer mais. Este curso vai abrir a porta para você construir um monte de coisas realmente legais. A partir das lições deste curso, você será capaz de produzir uma ampla gama de usos para o frio. O código-fonte está incluído para que você possa praticar ao lado das lições, experimentá-lo por si mesmo, ajustá-lo e atualizá-lo para suas próprias necessidades individuais. Este curso abrange um monte de tecnologias, demonstra todas elas, trabalhando em conjunto para alcançar o A P. Eu objetei JavaScript e compreensão da base Document Object Models Important . Antes de iniciar este curso, nós projetamos o curso para ser rápido, passo a passo cobrindo os itens essenciais para criar uma Web. A P I Por favor, note que este curso abrange e usar demais tecnologias principais usadas dentro do curso para construir um básico P I de conceitos básicos de HTML de consulta CSS G e como usar Ajax dentro Jaquie, obtendo valores de elemento de um formulário de atualização elementos, interno HTML e muito mais. Jason tinha um mesmo Jason objetos e como recuperar esses objetos Jason Data e usá-los dentro de seu JavaScript. PHP Como obter variáveis de solicitação Configure meu loop de conexão de banco de dados sequela através bancos de dados, um aumento colocando conteúdo como dados formatados Jason e mais expressões reggae X. Como verificar se seus valores são numéricos. Minha sequela. Configurar um banco de dados, conectar-se a um banco de dados Ph. B, minhas consultas de taxa de acesso de administrador para atualizar, selecionar e inserir dados e também evitar injeções de sequela. Veja tudo trabalhando em conjunto e muito mais até lá, é claro, você terá o conhecimento de como juntar tudo e criar um AP ice simples. Interaja com seu banco de dados. Use este curso como um ponto de partida para opções ilimitadas com funcionalidades completas e quadra personalizável. Estou aqui para ajudá-lo a aprender os olhos AP e pronto para responder a quaisquer perguntas que você possa ter. O que você está esperando e rolar agora e ver o que você pode fazer 2. 1 Introdução à criação de uma API de interação de banco de dados AJAX: oi e bem-vindo ao nosso curso introdutório sobre a criação de uma web. Ap I do zero. Meu nome é Lawrence, e eu vou ser seu instrutor para este curso. Estou animado para ter a oportunidade de mostrar-lhe este curso e orientá-lo através de como criar esta Web, E p I a partir do zero. Eu venho até você com mais de 18 anos de experiência em desenvolvimento Web e trabalhando com Ajax e PHP. Ele realmente abre um monte de portas. Você pode criar um monte de coisas incríveis e legais com a utilização dessas diferentes tecnologias . E como você pode ver aqui na sua frente, este é um exemplo do que vamos criar dentro do curso. Então o que está acontecendo aqui é que nós temos a capacidade de enviar e recuperar dados para o nosso banco de dados. Então, essencialmente, o que fizemos é que criamos um web ap I com capacidade de atualizar vários para que você crie um novo item I D dentro do banco de dados, podemos ver que obtemos uma resposta de volta do servidor. Então, nossa ação foi anúncio que enviamos sobre uma empresa, foram conectados ao banco de dados que o custo é Tendai D dentro do banco de dados que este item recém-criado é 16. Vemos que nosso status é adicionado. Agora, se fizermos uma atualização no seu e eu vou apenas fazer algumas atualizações rápidas e aleatórias aqui e enviarmos dados novamente, veremos a próxima vez que ele realmente detectar que já temos este ex I de 16 ou 66. E em vez de criar um cérebro novo em vez de adicioná-lo desta vez, atualizou dados existentes com todo esse conteúdo que acabamos de enviar. Então isso significa que podemos mudar para um diferente eu d mudar de volta para aquele que criamos e vemos que encontramos ID é 16. Empresa é empresa Teoh Tester, atualização Nome. E assim que vemos isso, obtemos todas essas informações de resposta para que possamos utilizar esse tipo de formato em várias páginas para que eu possa ir para esta página aqui e recuperar as mesmas informações. Posso criar uma nova informação. Eles podem voltar para esta janela a janela menor original que eu tinha aberto, e eu posso recuperar essa informação de volta, então tudo isso está dentro de um banco de dados de sequelas . Então, quando eu atualizar este banco de dados, você verá que eu estou realmente adicionando esses novos itens, e eu estou realmente atualizando o conteúdo do banco de dados sem problemas através do Ajax PHP e meu banco de dados de sequelas . Então você pode ver aqui que nós temos o conteúdo do banco de dados aqui na parte inferior e eu posso escolher qualquer uma das idéias X. Então talvez peguemos aquele com 100. Aqui estão Costas. Dezenas atualizarão isso. Então novo nome nova empresa e este tipo de formato pode ser utilizado para atualizar bancos de dados e criar interações de banco de dados para seus usuários da Web para ver aqui. Agora, eu atualizei meu banco de dados PHP com os novos dados que acabamos de enviar perfeitamente através de uma chamada Ajax, enviando os dados através de um E p I sobre o nosso arquivo PHP, que capta processos que insere isso, atualiza isso e obtém essa informação de volta do banco de dados, e eu vou te mostrar como fazer tudo isso. Dentro deste curso, vamos orientá-lo através da configuração do seu HTML do que introduzir consulta J. Então, também introduzindo o Ajax dentro da consulta G, a fim de fazer essas chamadas para o nosso arquivo PHP. O formato dos dados que estamos estendendo vai ser Jason para dados montados para que possamos ver que aqui também dentro da resposta que obtemos esses objetos de dados. E a coisa boa sobre o uso de Jason e objetos de dados é que eles são realmente úteis de volta dentro do código front-end que podemos analisar através dele. E eu vou colocar esse conteúdo de uma forma significativa dentro do nosso HTML. Então estamos enviando os dados via Jason. Estamos captando via dados, sendo um Jason, e estamos colocando do arquivo PHP dela via Jason. Então tudo feito através do Jason. E é assim que vamos transmitir e utilizar esses dados. Então, no PHP pega as informações que estamos enviando sobre ele, na verdade insere ou atualiza no banco de dados. E então podemos enviar uma resposta, dependendo da ação que tomamos dentro do arquivo PHP. Então, quando você estiver pronto, vamos começar a trabalhar neste projeto na criação de nossa própria interação de banco de dados AP I a partir do zero 3. 2 Recursos Configurar mySQL PHP pronto: nesta lição, eu quero fornecer uma visão geral rápida de alguns dos recursos que vamos usar para realizar nosso Ajax AP. Estou conectando Teoh meu banco de dados sequela. Então a primeira coisa que vamos precisar é configurar meu banco de dados de sequelas. Também precisaremos ter um ambiente de servidor. Então, o que uma maneira mais fácil é configurar isso se você não estiver familiarizado com como configurá-lo, nós temos Zampa que também vamos usar dentro do curso. Agora o que Samp faz é que ele permite que você execute, ah, máquina local em segundo plano, e isso me permite executar script PHP. Também me dá acesso a um banco de dados de sequelas. Então, tudo isso, como você pode ver aqui, está sendo executado no host local e, mais uma vez, host local. E para obter Samp, ele está disponível no Windows, Lennox e OS X, que descobriram os amigos Apache dot ord e você pode baixá-lo a partir daí. E a instalação é relativamente simples. Você pode simplesmente passar e fazer as configurações padrão e estar funcionando com Samp em questão de minutos. Eso com Samp. Há também um diretório padrão onde você pode configurar seus arquivos de máquina local e você pode trabalhar fora desse diretório como padrão para começar rapidamente. Há também algumas maneiras de ajustar o diretório raiz e oposta apontou para outra pasta dentro do seu sistema. Então, há maneiras diferentes de trabalhar com isso. E uma vez que você começa a se familiarizar com ele, então você pode atualizar o arquivo de configuração e fazer esses ajustes. A outra coisa que precisaremos usar é um editor da Web. Então vou usar colchetes. Esta é a minha versão de colchetes bem aqui. E se você já tem um editor web que você está familiarizado com três que você gosta de usar, você pode ir em frente e usar. Isso é O. Isto é apenas para escrever algum código e ter ah, basicamente formatado layout do código. Então é para isso que vou usar colchetes e alguns de outros recursos tão divertidos. Vou usar um navegador Chrome, e a razão pela qual estou usando o Chrome é porque temos acesso a ferramentas surdas. Então isso é realmente fácil de acessar dentro do cromo Então nós temos um monte de informações aqui, e esta é uma das razões pelas quais eu gosto de usar o cromo. E também podemos fazer isso alternar de diferentes dispositivos e tamanhos de tela e assim por diante. Então temos todo esse ato acessível para nós. À medida que executamos algum código, podemos obter algum feedback e entrada em relação ao casaco. Então alguns dos outros recursos que estamos usando também Então isso vai ser nós vamos usar G query Ajax eso este J Cory tem uma funcionalidade embutida para fazer Ajax lidar com Ajax realmente facilmente e eficientemente. E vou usar a biblioteca do Google CDN para o Jake se preocupar. Então você pode simplesmente ir em frente e pegar isso e trazer isso para o seu projeto Web para ter acesso ao Jake ou e então você tem toda a maravilhosa funcionalidade incrível com Bakery e nós vamos estar focados em construir essas chamadas Ajax. Então, vou passar por isso com mais detalhes. Se você não está familiarizado com consulta G, eu vou estar usando essa funcionalidade específica dentro Jake preocupação, a fim de fazer re conteúdo web página que eu posso puxar e enviar conteúdo sobre a minha p I. Que vai ser o meu banco de dados PHP . Então o que vamos fazer é depositar informações, atualizar informações e obter informações do nosso banco de dados. E eu vou estar usando PHP mented men. Vem com Samp eso isso Tudo que você tem a fazer é ir até o host local ford slash PHP minded men e lá você tem seus bancos de dados. Então, está tudo pronto para ir. E eu também vou mostrar a vocês como configurar bancos de dados dentro do PHP. Meu tinha sido dentro do curso também eso quando ela está acima e pronto e você tem tudo configurado, criar o seu índice preso arquivo PHP Abra a sintaxe PHP, que é entendido menos do que sinal pergunta Mark PHP tipo tinha algo como Eco. Olá. E só para ter certeza de que você tem PHP rodando, salve isso, volte para o seu host local, atualize-o. E se você conseguir isso aparecendo, então você sabe que você tem PHP rodando. Se você receber a sintaxe do PHP, o ponto de interrogação no PHP em sua saída também, então você sabe que você não tem o PHP rodando eso. É uma maneira rápida de dizer um GIs, executar algum código PHP e, em seguida, também tentar ir para o host local. PHP minha admitir e ver se você pode acessar isso dentro do seu exemplo. Então, o primeiro 2 que você precisa executar é esse servidor irregular. Então vá em frente e bata. Comece com isso e também o meu servidor de sequela. Então vá em frente e bata. Comece com isso. Então você precisa ter ambos iniciados o 1º 1, a fim de fazer o host local e, em seguida, o 2º 1 para ter a minha sequela rodando em segundo plano, que também é acessível pelo PHP. O meu admite. Então, uma vez que você está neste ponto que estamos prontos para começar a lição e começar a criar o nosso P.I. E isso está chegando na próxima lição 4. 3 introdução rápida do jQuery e como adicioná-lo às suas páginas da Web: esta lição. Eu quero trazer J Query em nossa aplicação web. Então, o que eu tenho agora é apenas um modelo padrão básico que está pronto para ir. E eu estou pronto para começar a construir e adicionar meu código a este O. Primeiro de tudo, o que eu quero fazer é trazer minha biblioteca Jake Worry para esta página web. Vamos até as bibliotecas hospedadas e selecionar a biblioteca J Coury. Traga isso para a nossa página web. Então agora vamos ter acesso à biblioteca J Quarry em aviso de que também, estou criando um arquivo PHP. Eso ele realmente não tem que ser um arquivo PHP pode ser um arquivo HTML, mas isso é só porque eu vou precisar de um arquivo PHP uma onda para o A p I, a fim criar a interação com o servidor. Então eu vou apenas mantê-lo consistente como um arquivo PHP. Então isso não é relevante. Que tipo de arquivo que estou criando um ZA desde que seja um arquivo Web também pode ser HTML . Eso O que também precisamos é que eu preciso criar algumas entradas aqui onde podemos adicionar algumas informações e que vamos ser enviando para o nosso web ap I e também vou demonstrar como g Corey funciona. Haverá uma breve discussão rápida sobre o Jake se preocupar também nesta lição. Então, primeiro de tudo, basta criar uma entrada apertada. Vamos criar um campo de entrada de tipo, apenas um campo de entrada de texto. Dê um nome fora, talvez apenas chamá-lo de um nome e um i d. de nome, bem como para que possamos acessá-lo facilmente dentro de nossa consulta JavaScript RJ. E eu também vou definir um valor predefinido para ele para que eu não tenha que adicionar constantemente em valores nele. Eso ali. Tenho o meu campo de entrada. Eu tenho um valor de testador e agora vamos configurar R J coury. Então eu vou fazer o trabalho. A preocupação do Jake na página A inchar. Então eu não tenho que passar entre arquivos diferentes. Então, normalmente, quando você está escrevendo script de trabalho, boa idéia para criar um arquivo Js separado e manter todo o seu código-fonte, e há para que você possa simplesmente vincular isso a qualquer página da web e trazer tudo isso funcionalidade. E assim, enquanto eu estou construindo, eu vou mantê-lo dentro como um separado dentro do script na página. Mas vou construí-lo depois de copiar o código depois e criar uma biblioteca JavaScript separada . Eso Vamos começar criando a funcionalidade J Corey. Então eu vou usar a forma curta. Veja, Também provavelmente ver documento pronto com Jake Larry s. Oh, este é apenas um formato curto. A fim de garantir que foram Dom carregou e que tudo está pronto para ir com Jake desgaste eso fazendo configurar isso é a mesma coisa. É um clevant para documentar pronto, então eu poderia facilmente corrigir em algo assim, para que ele forneça a mesma funcionalidade. Mas eu quero utilizar o formato curto, então eu vou mantê-lo em função. Mas isso é apenas uma nota que isso vai ser a mesma coisa que escrever documento pronto. Então, para aqueles de vocês que estão mais familiarizados com o acesso à preocupação geek neste tipo de formato , esta é apenas uma outra maneira de fazer isso e basicamente o que está acontecendo aqui, o que esta função vai fazer, é vai disparar sempre que o documento tiver carregado. Alguns não poderiam fazer uma chamada de diretório do documento para o documento s para que você possa dar uma olhada e podemos ver que o documento foi carregado na página. Vamos passar para o host local e vemos que agora os documentos carregados e o documento representa essencialmente o que está dentro do dom. E temos acesso a todos esses objetos que estão contidos no documento. E novamente, se você estiver familiarizado com JavaScript e G query, isso significa essencialmente que você pode se conectar com qualquer um desses ouvintes de eventos em sua página. Você pode obter informações como a origem em, e você obtém um monte de informações aqui que você tem acesso e, em seguida, você pode trazer para o seu código JavaScript. Então, na próxima lição, vamos analisar a construção de algumas funcionalidades adicionais. Talvez vamos usar consulta J, pegar o valor que está aqui para simular ser capaz de obter valores do resto da nossa página da Web, e então vamos mostrar-lhe nas lições posteriores como acessar conteúdo, Web conteúdo usando o Ajax. E depois vamos construir o nosso próprio Ap I e fazer ligações com isso a partir da frente no tribunal. Então tudo isso está chegando. 5. 4 Trabalhando com jQuery: nesta lição, eu queria fazer outra visão geral rápida do J Query, como usá-lo e como podemos utilizá-lo dentro de nossos projetos Web. Então, mostrei anteriormente como você pode trazer Jake Worry para o seu projeto. Agora vamos ver o que podemos fazer com Jake cansado, e eu vou manter isso relevante para o conteúdo do curso. E se você não está familiarizado, Jake, onde ele confia em mim, há um monte de coisas que igualmente e é realmente ótimo usar J query dentro de seus projetos porque, como eles dizem, ele permite você para tornar suas páginas da Web mais rápidas e fáceis. Usando consulta G. Então, apenas funcionalidade simplificada. É uma biblioteca JavaScript e permitir deve ter uma funcionalidade simplificada que você pode facilmente chamar através dos métodos da pedreira G. Então vamos dar uma olhada no que fizemos até agora. Então nós temos uma entrada aqui e com Jay Query porque nós temos acesso a todas as informações do amanhecer , nós podemos realmente acessar facilmente o conteúdo que está contido dentro da cúpula. Então, se quisermos descobrir o que está sendo contido neste campo de entrada, o que precisamos fazer é acessá-lo. E nós temos um formato muito curto aqui. Então, isso é o mesmo que fazer dentro do JavaScript onde obteríamos documento por D. Mas Jake preocupado tornou isso muito mais simples. Então, essencialmente, isso é tudo o que precisamos fazer a fim de coletar para este elemento dom que nós estamos apenas selecionando-o por i d Use o hash para I ds usado o ponto para classes e, em seguida, nada para apenas os nomes de tags . E este é o mesmo formato. Se você estiver familiarizado com CSS que você estaria usando para identificar os diferentes elementos dentro da página. Então, em seguida, o que precisamos fazer é selecionar esse valor. Então precisamos apenas especificar outro método de pedreira G VL. E isso é tudo o que precisamos fazer para pegar esse valor. Eso eu também posso colocá-lo em uma variável. Então, basta chamá-lo de valor um, e eu vou apenas trazer este para baixo e adicionar valor entrou aqui, e eu vou mostrar a vocês que nós podemos realmente obter o conteúdo que está contido dentro do nosso campo de valor lá. Então vamos esperar nisso. Refresque-o. Olhe na consola e obtemos o valor que tem lá dentro. Então, agora, partir de agora, se estou atualizando, não estamos. Na verdade, não estamos ligando de volta para ele, então não temos como atualizá-lo ainda. Também precisa adicionar isso em, e a melhor maneira de adicionar isso em é usar Jake Worry novamente e adicionar em um ouvinte de eventos. Então vimos anteriormente que todos os elementos Dom do todos eles contêm ouvintes de eventos, e há um monte de coisas que estão disponíveis dentro do enterrado. E J. Query torna super fácil acesso e criar interação dentro de seus elementos de sua página HTML. E eu estou tentando percorrer isso rapidamente para aqueles de vocês que já estão familiarizados com o uso da consulta G. Então, isso é apenas uma revisão. Eu vou dar esta classe elemento de botão, e eu vou apenas colocar Click Me aqui. Eu vou atualizar um estilo, e eu vou criar um estilo de botão muito simples. Então dê-lhe uma borda uma escolha, borda preta sólida e também dar-lhe um pouco de envasamento. Então parece um pouco mais com um botão e então feche isso. Dê uma olhada rápida e veja como ele se parece. Então, há o nosso botão lá, então talvez também queiramos mantê-lo menor com. Então talvez não queiramos bloquear. Nós queremos ir exibir Então vamos adicionar em bloco de linha e vamos dar uma olhada nele. Então agora parece mais um botão. E então agora o que queremos fazer é ser capaz de clicar nele e adicionar nossa funcionalidade. E tudo isso é feito com Jay Query. Então vamos fazer isso muito rápido. Super, rápido. Nós vamos continuar de onde paramos aqui e criar um ouvinte evento eso este os quatro Mattis o mesmo. Seja qual for. Estamos selecionando qualquer elemento dentro de nossa página da Web. Precisamos apenas selecioná-lo simplesmente acessando-o. Então talvez o que eu vou fazer é dar-lhe uma camisola de botão um no caso de nós decidimos que queremos adicionar alguns botões adicionais eso vamos fazer o botão um e adicionar em. Então o ouvinte de eventos é clique e agora temos uma escolha. Podemos apenas adicionar a função aqui ou podemos escrever a função do que queremos que aconteça quando o botão é clicado. Então vamos em frente e escrever dados. Feche os colchetes lá e agora precisamos ter nossa funcionalidade. Então, talvez copie e cole isso aí. Então vamos dar uma olhada no que está acontecendo agora dentro do nosso navegador da Web. Então agora sempre que eu ir em cima deste botão e se eu clicar nele, vemos que estavam disparando o valor lá de Tester e quando mais um ajuste aqui. Então, queremos pegar qualquer valor que está contido dentro desse elemento no momento do clique. Então, agora, sempre que atualizamos, atualizamos o conteúdo. Podemos ver que agora estamos recebendo esse novo valor que está sendo contido dentro desse campo de entrada , e podemos clicar nele. Podemos puxá-lo para o nosso console aqui, e podemos ver que ele está pegando isso, e ele está fazendo um processamento completo do conteúdo que está contido neste campo de entrada , foram capazes de utilizá-lo e trazê-lo em nosso projeto Web. Então aqui nós tínhamos definido um contêiner variável para ele. Eso nós poderíamos fazer a mesma coisa aqui tão bem quanto nós poderíamos apenas fazer valor um. E mantenha isso dentro deste botão, porque sempre queremos ser capazes de voltar para qualquer valor atual do cão e ser capaz de colocar isso de modo que é uma parte importante dele. Porque se ligarmos continuamente para a versão anterior, talvez não obtenhamos necessariamente as atualizações. Então certifique-se de incluir, uh, uh, fazer uma viagem para esse elemento, pegar o valor atual desse elemento e, em seguida, colocar isso na variável. E então estamos colocando essa informação variável. Então, a próxima lição vamos saltar para chamadas Ajax com uma consulta. E é aqui que vai ficar muito excitante porque há tantas coisas incríveis que você pode fazer com J. Corey e Ajax. E é muito simples começar com essas chamadas Ajax dentro de seus projetos Web. Então isso está chegando na próxima lição. 6. 5 métodos de jQuery Ajax: a lição anterior. Analisamos algumas funcionalidades básicas que está disponível dentro da consulta J. Então vamos dar um passo adiante. E em vez de simplesmente escrever este conteúdo, vamos criar uma chamada Ajax. Então, essencialmente, o que qualquer chamada de Jack faz é que ele permite que você se conecte a outro arquivo on-line e retire informações, envie dados e informações para ele e retire essa informação e fazendo tudo isso sem página recarrega. E eles têm dentro J consulta. Portanto, há uma chamada que pode abranger todos esses parâmetros onde você pode definir diferentes tipos, ver seu get ou post. Você pode definir seu tipo de dados s. Então este é um com um que vamos usar, e é simplesmente Ajax. Então este método é o método Ajax, e agora precisamos configurar alguns parâmetros. Então precisamos especificar um você Earl que queremos enviar dois ou queremos pegar informações , e também precisamos especificar o tipo do tipo de solicitações que vai ser eso. Normalmente, você pode fazer obter ou postar, então nós vamos fazer um get para este, e nós também vamos especificar o tipo de dados. Então o tipo de dados que esperaremos aqui será dados formatados pelo Jason. Então Jason está fora. Teoh JavaScript objetos. É um formato de objeto javascript para transferir dados s. Oh, esta é uma maneira muito rápida e fácil de transmitir dados. É legível por humanos também. Então o que precisamos fazer agora é pegar um arquivo do Jason. Então é aqui que vou usar o meu Jason Dot com. Este é um site onde você pode simplesmente criar algum Jason e armazená-lo online, e então, é claro, ter acesso a ele está aqui. Simplesmente criou um arquivo Jason simples com uma idéia de 100 nome Lawrence empresa Discovery V i p E quando você cria um arquivo Jason adequado, eles também lhe dão a capacidade de acessar que Jason diretamente através do sido. Então, isso é só por aqui. Agora podemos acessar essa informação, e podemos colocar isso dentro do nosso projeto de nossos U R L. Oh, lá vamos nós. Então, agora, sempre que clicarmos neste botão, vamos passar por cima, e vamos processar esse arquivo do Jason. Então vamos ver o que acontece. Então, quando eu clico, ele realmente não parece que nada está acontecendo ainda. E isso é porque Jason tem vários pontos onde você pode interagir com ele. Então esta chamada do Ajax, mesmo que talvez esteja concluída, não especificamos o que queremos fazer após a conclusão. E então é aqui que a função concluída entra. Então, essencialmente, isso lhe dá capacidade Teoh para escrever uma função de retorno de chamada sempre que essa chamada Ajax em particular é Executar, enfraquecer, string this. Podemos anexá-lo aqui dentro da chamada Ajax também. Nós podemos executar a função, incluir um parâmetro lá é tão essencialmente, este é o parâmetro que nós vamos obter os dados de retorno de chamada e nós vamos pegar isso , e então nós podemos utilizar isso dentro de nossos projetos web. Eso, por enquanto. Vamos sair do console. Dados de registro do cônsul. Certifique-se de que ele corresponde ao parâmetro que você tem dentro de sua função de retorno de chamada. Atualize-o, clique nele. E agora estamos acessando os dados desse arquivo aqui. Ah, e é Azizi. É que o aviso de que não há atualizações de página. E, claro, se estivéssemos alterando esses dados, o que normalmente estaríamos fazendo. Se nos conectássemos a um servidor, o servidor estaria gerando os dados do Jason e colocando fora. É assim que estaria mudando à medida que estamos passando mais parâmetros. E eu vou te mostrar como fazer isso nas próximas aulas. Mas, por enquanto, eu simplesmente quero demonstrar como o Ajax funciona e como a consulta G é eficiente na criação do Ajax. Código formatado Ajax muito curto. E é tão super funcional e fácil de usar. Então há um monte de outros um monte de outros métodos Ajax que podemos adicionar aqui também. Então há outro chamado Falhar, então este vai disparar se falhar. Se não obtivermos uma resposta adequada do servidor, algo acontece. Podemos executar esse método, então eu vou mostrar rapidamente como este funcionará, e há vários parâmetros que voltam. Então há os oitavos dados X h R. Há também alguns dados de status de texto e assim por diante que são retornados. Então eu vou mostrar a vocês o que acontece quando ele falha e o que realmente vemos quando ele falha. Então vamos copiar este console e copiar o ex HR. E talvez também possamos fazer outro log do console para o status do texto, e agora precisamos fazê-lo falhar. Então, vamos criar. Vamos tentar se conectar ao URL errado e veremos o que acontece. Então atualize-o, clique e vemos que obtemos essa falha. Aqui está para que nós estamos realmente recebendo o status de volta aqui como um erro não é clicado muitas vezes. Eso Nós só temos que dar-lhe um segundo aqui e vemos que inicialmente temos o ar JavaScript lá que este é o URL errado. Mas então nós também estamos Cônsul desconectando aquele objeto retornado que ex objeto HR eso e ele contém todas as informações que precisamos para determinar o que falhou. Então, há status, texto e assim por diante. E então, é claro, podemos simplesmente ir pelo texto de status. Então é isso que acontece quando falha. E, claro, eu não quero que isso falhe s o. Isto é apenas algo que você pode adicionar em suas chamadas Ajax no caso, por qualquer motivo, você não está se conectando corretamente e você quer ver quais são os erros e você quer ter uma chamada de volta, algum tipo de funcionalidade que é executada no caso de falhar. Você também pode adicionar no método de falha. Então apenas acorrentem isso juntos, feito, falhar. E há outros que não vamos falar. Mas há um monte de outros que você pode adicionar também em ordem para produzir funcionalidade adicional dentro da caixa de chamada do método Ajax dentro usando J Query. Então, na próxima lição, vamos apresentá-los para postar alguns dados e enviar alguns dados para um servidor Vienna Ajax chamada. E para isso, nós realmente vamos ter que configurar um arquivo PHP a fim de receber essa informação. Eso que está chegando nas próximas pequenas lições. Nós vamos saltar para alguns códigos PHP e mostrar-lhe como configurar esse código PHP servidor, a fim de ser capaz de lidar com esses pedidos Ajax e, em seguida, também enviar algumas informações de volta para este arquivo para o front e código. E então somos capazes de utilizar os dados que estamos enviando de volta. Então tudo isso está chegando 7. 7 conteúdo de publicação AJAX no endpoint PHP: nesta lição. Quero mostrar-lhe como você pode configurar seu endpoint PHP. Então, anteriormente, olhamos para como podemos usar get Teoh, passar para um URL particular, retornamos o conteúdo da URL, produzi-lo dentro do nosso JavaScript, e podemos utilizá-lo dentro do nosso JavaScript também. Então vimos que quando quem clicar, devolvemos este nome e assim por diante. E isso é retornado como um objeto. Então, se eu quiser ter acesso ao nome, eu poderia simplesmente fazer nome de ponto de dados em vez de console, logout todo esse objeto. Tudo o que terei de volta é o nome agora e me lembrarei de novo. Então isso está se conectando a este arquivo da Web. Então, se o conteúdo deste arquivo web mudar que o conteúdo da informação estava tratando de volta irá mudar também. Então o que queremos fazer em nosso A p I é que queremos ser capazes de enviar alguns dados sobre o servidor e atualizá-los dentro de nosso banco de dados e, em seguida, enviar de volta e desde, hum, hum, dados de confirmação de volta para a página de origem, a fim de ter certeza que nós realmente recebemos essa informação. Portanto, queremos essencialmente postar esse conteúdo. Eso a diferença entre get e post é mais seguro e tipicamente usado. Se você quiser enviar valores para script PHP tão tipicamente você vai estar usando post. Então nós só precisamos atualizar esse tipo para postar, a fim de atualizar nossa chamada Ajax. E é por isso que este é muito bom. Porque tudo o que precisamos fazer é atualizar esses parâmetros e podemos fazê-lo fazer algo totalmente diferente. Vamos em frente, criar um arquivo chamado p i dot PHP e então nesse arquivo, este será um arquivo PHP. Então nós abrimos nossa área de script PHP com o menor que ponto de interrogação PHP Ponto de interrogação maior que símbolo s. Agora nós temos um arquivo PHP. Vamos simplesmente ligar a garota a isso. Então, porque isso está localizado na mesma rota que meu índice preso PHP, eu só preciso colocar em um p i dot PHP. E, claro, se você tivesse um endereço web, você teria que digitar isso completo você é eu, a fim de ser capaz de enviar essa informação sobre . Dando uma olhada nessa chamada do Ajax o que está faltando na chamada do Ajax? Quando olharmos para os valetes chamarem. Nós temos que você é l Onde estamos enviando seus dados para, nós temos o tipo. Então o método de como estamos enviando esse tipo de dados de postagem de dados que estamos esperando de volta é Jason, mas na verdade não estamos enviando nenhum dado. Ainda não temos nenhuma maneira de enviar dados, então este é outro parâmetro que precisamos adicionar. Então nós poderíamos adicionar este em, e este é apenas chamado, claro dados. Portanto, faz sentido que o conteúdo de dados seja chamado apenas de dados. E geralmente o que eu gosto de fazer é digitar e adicionar uma variável lá, então conter um monte de informações. Envie-o como dados, então este não é um formato de objeto, e então nós enviamos isso usando post para o arquivo PHP a p i dot. Então vamos construir essa variável chamada V.A.R.S. V.A.R.S. V.A.R.S. e então vamos igualar isso. Então este tem que ser um objeto e seu formatado em um formato. Então, dados e nós precisamos realmente. Talvez se você quiser chamar este nome, podemos pegar o valor que temos aqui do valor do nome e enviar essa informação. Vou me livrar disso. Para evitar a confusão, livre-se disso. Evite ainda mais confusão. Eso Agora, partir de agora, sempre que clicarmos no botão, vamos enviar o valor do nome para o arquivo PHP. E isso significa que precisamos pegar isso em nossa extremidade PHP PCP. Então, por enquanto, vamos ter certeza de que tudo está funcionando corretamente e vamos pegar pelo correio. Então este deve ser um sinal de cifrão, e nós precisamos combinar que Teoh o nome aqui para o qual estamos enviando para que você possa pegá-lo dentro da área PHP. E tudo o que estamos fazendo é simplesmente escrever o conteúdo que estamos enviando nesta chamada do Ajax. Então vamos verificar o terno e ver como isso funciona antes de fazermos outra coisa, precisamos atualizar aqui. Queremos nos livrar do tipo de dados como Jason porque na verdade não vamos recuperar informações do Jason ainda porque isso é simplesmente texto que estamos colocando eso novamente. Estamos colocando o valor que está contido dentro desse campo de entrada. Então aqui, contido dentro do nome i d, configurando-o como uma variável chamada nome, adicionando em todas essas variáveis, como dados que estamos enviando dentro do nosso Ajax chamado sobre dois PHP, PHP recebe o métodos de postagem. Então ele tem que estar em linha com o tipo lá e tem que ser o mesmo valor que foram enviados dentro do nosso objeto variável ou um objeto de dados. E assim que tudo se alinhar, vamos dar uma olhada nisso, atualizá-lo e enviar Basta fazer um clique para que possamos fazer algo como Click One. E agora vemos que o que está acontecendo é que nosso código está fazendo uma viagem de ida e volta. Portanto, observe que não há recarga de página. É pegar esse valor, enviá-lo para o arquivo A P I e então tudo o que estamos fazendo é simplesmente escrever essa informação como uma resposta. Então, se ainda o mantivermos como Jason, o que queremos fazer e realmente queremos saída, este conteúdo dentro de um formato Jason. Então precisamos atualizar isso mais uma vez e adicionar esse tipo de dados. Então, novamente, vamos trazer esse tipo de dados de volta. Então este é apenas o tipo de dados. E então precisamos especificar que este vai ser Jason Data, e eu vou mostrar agora que ele realmente vai jogar em erro. Ainda deve devolver alguma informação. Mas vemos que estamos lançando um erro, então vemos que nosso texto de resposta está correto. Mas estamos lançando um erro porque ele não está recuperando-o em um formato Jason . E isso é realmente o que nós queremos recuperar de volta do P.I. Então eu vou mostrar a vocês como corrigir isso e realmente enviar Jason de volta para metadados. Então ele se parece exatamente com isso na saída que vamos construir usando nosso código PHP. Então isso está chegando na próxima lição. 8. 8 saída PHP como dados JSON: na lição anterior, vimos como podemos enviar conteúdo para o nosso servidor web para o nosso código PHP, pegá-lo e colocá-lo. E infelizmente, ainda estamos recebendo um ar aqui porque estamos esperando Jason Data. Então isso vai ser muito fácil de cuidar. E isso é realmente algo que nós vamos precisar usar para construir nosso AP I Então a primeira coisa que eu quero fazer é configurar em um Ray. Então eu quero realmente postar todo o meu conteúdo em um formato re e que vai E uma vez que eu analisá-lo como um lado Jason e codificá-lo, então ele vai realmente ser formatado corretamente para ser retirado do nosso carvão Ajax. Então vamos dar uma olhada nisso e ver o que podemos fazer com formatá-lo corretamente. Então, agora que temos nossa corrida configurada, podemos configurar, podemos anexar valores a ela. Então, por agora, vamos apenas chamá-lo de dados e vamos igualar esses dados à informação do post e então aqui vamos ecoar. Vamos usar um método que vamos agir, para que possamos citar a matriz. Mas não vai avaliá-lo corretamente porque é, claro, isso não é taxa. Você não pode escrevê-lo dentro do eco, então precisamos formatá-lo em um formato Jason. E felizmente para nós, há um método no PHP que faz codificação de Jason. E agora, quando publicarmos essa informação, vamos voltar para aqui, atualizá-la, enviá-la. Então, tudo está funcionando corretamente. Vemos que o objeto que estavam recuperando de volta é habitual izing que re que acabamos criar. Então criamos com um nome de item de dados e vemos que o valor era testador. Então isso coincide com as informações que nós pegamos e enviamos em nosso arquivo PHP e fomos capazes de codificá-lo como Jason formatado conteúdo eso nós também podemos E quando você está construindo isso com PHP, às vezes postar pode ser um pouco difícil de trabalhar porque você não pode realmente ir para o host local um arquivo PHP p i dot e obter uma saída. Vemos que temos o nome definido, mas ainda temos aquele array de dados lá, então não, então as coisas estavam lançando um erro essencialmente, e nós não queremos fazer isso. Se alguém realmente dar uma olhada nesse URL sem talvez nós queremos construir um quê? Esse conteúdo como Jason formatou sem realmente ter que postar nada nele. Eso esperar em torno disso e uma maneira de fazer isso é se pudermos olhar para o método de solicitação e certificar-se de que é post. E se é post que vamos em frente e fazer isso e se não é post do que para o valor de dados da matriz , vamos colocar outra coisa assim não foi postado. Então, agora, quando eu voltar aqui e atualizá-lo, vemos que os dados não foram postados. Eso que está funcionando corretamente. E é assim que você pode realmente ver que esse conteúdo está sendo produzido no mesmo formato Jason que vimos com o meu arquivo ponto com Jason. E agora, é claro, se quisermos adicionar conteúdo adicional dentro da nossa taxa, isso torna muito fácil fazer eso. Se eu quisesse fazer algo como status ou algo assim, eu posso deixá-lo pronto. Refresque-o. Vemos que temos estado pronto aqui de novo. Podemos ver que fazemos isso. Mensagem do cônsul. Nós temos o status pronto, nós obtemos os dados retornados como Jason objeto, e isso é realmente útil. É um realmente útil para montar, que nos permite realmente facilmente trazer os dados retornados e utilizá-los exatamente como o que fizemos com este arquivo Jason e utilizá-lo dentro do nosso JavaScript. Então, se quisermos fazer algo como dados e eu acho que estamos chamando um dado, então queremos fazer algo como dados de dados, podemos ir até aqui, atualizá-lo, enviar isso. E agora tudo o que estamos fazendo é voltar. As informações de dados iniciais que tínhamos configurado mais cedo porque estão sendo retornadas como um objeto Jason. O tipo de dados é Jason. Então está esperando um objeto Jason. Não temos que fazer muito mais. Podemos simplesmente pegar que retornou que informações retornadas no parâmetro chamado dados ou o que queremos chamá-lo. Poderíamos chamar de “D” também. E então nós Isso pode ser um pouco menos confuso para que pudéssemos fazer o parâmetro d e retornar D e o valor de dados que é associado ID com esse objeto específico. Então, na próxima lição vou mostrar-vos ainda mais do que podemos fazer e como podemos continuar a construir o nosso A P I para torná-lo muito mais funcional. Então isso está chegando no próximo conjunto de lições. 9. 9 AJAX enviar vários valores para o endpoint PHP: Então esta lição eu quero saltar de volta para construir nossa página HTML. Então nós configuramos 11 campo de entrada. Inicialmente, nós chamamos de nome, então talvez vamos configurar alguns campos de entrada adicionais. Então dê-lhe Ah, nome aqui e adicione algumas quebras de linha eso talvez este possa ser companhia e mantê-lo como uma empresa de texto. Por isso continuamos a tentar manter-nos muito disso consistentes. Eso É muito mais legível e fácil de entender isso. Tanto quanto possível. Em vez de clicar em mim, vou enviar dados para além da empresa. Talvez tenhamos um custo ou algo assim . Então, estamos a contratar, talvez este seja o custo, o nosso valor será 10 em vez de texto. Vamos atualizar este número do dedo do pé e talvez finalmente, o que queremos é uma identificação única ou então vamos dar-lhe um ID e isto novamente será um número. E vamos chamá-lo de X. I d ex I D. E então começamos com um de um valor. Sua eso também, hum, boa atualização para o valor da empresa. Então agora temos um monte de parâmetros lá que podemos pegar e podemos utilizar. E temos ainda mais informações. Nós consentimos mais para r A p I. Então é uma coisa boa que nós configuramos isso originalmente, Teoh trabalhar como um objeto e, em seguida, definir a data em que estamos enviando seu porque isso torna muito mais fácil, a fim de definir este thes parâmetros up. Então eu vou mantê-lo dentro da mesma ordem. Então eu vou apenas colar em alguns campos adicionais aqui. Polícia, campos mais antigos, embelezá-lo, usando o embutido, embelezar seu interior ou, na verdade, isso é ah, adicionar um componente. Então, gerente de extensão. E se você quiser obter alguma adição adicional possui este que eu estou usando aqui, isso é apenas uma bela ira. Então, novamente, isso está disponível entre parênteses no Lee, e tem um monte dessas extensões. Então, no caso de alguém, você está se perguntando o que eu fiz lá, é de onde isso estava vindo. Eso, vamos preparar isso agora. Então precisamos passar o que queremos passar um valor para X i d. Nós já temos nome lá. Vamos passar sobre a empresa, valorizar sua empresa e vamos configurar custo e custo e enviar o custo de valor. Então agora estamos enviando todos esses valores para uma extremidade de servidor. Sempre que clicarmos neste botão enviar dados. Então agora precisamos configurá-lo no servidor, a fim de pegar todos esses valores. Então vamos suspirar. Vamos atualizar este método aqui. E em vez de apenas fazer dados pode ser o que queremos utilizar isso e ainda atualizar isso que os nomes, todos esses valores sejam consistentes. Então tivemos que nomear. Então, estou tentando manter tudo igual. Então acho que é mais fácil de ler. Mas é claro que você pode criar o seu próprio que o que faz sentido para você pegar esses valores. Eso último custo waas e eu também quero incluir alguns inteiros, bem como alguns valores de cadeia de caracteres . Há para que tenhamos um layout muito agradável, muito agradável de todos os diferentes valores que podemos fazer uso de eso. Agora nós configuramos isso e nós colocamos todos dentro do array. Então, sempre que for um post, nós vamos colocar essa informação corretamente, nós não estamos pegando mais dados, então eu deveria atualizar isso também. Então ele vai colocar todo o objeto e então nós vamos trabalhar com isso depois. Vamos dar uma olhada e ver qual será o resultado disso. Então agora o que estamos fazendo é que temos um monte de parâmetros e estamos enviando ainda mais conteúdo. E nós mudamos isso, eu d. Então certifique-se de que temos os mesmos parâmetros. Eso, vamos tentar de novo. Então agora podemos enviar um monte de informações e pegá-lo no servidor e enviá-lo dentro de um formato Jason. E isso é perfeito para o que queremos fazer em breve e que é ser capaz de ler todas as informações e atualizá-las dentro do nosso banco de dados. Então eu vou te mostrar como fazer isso nas próximas lições. E uma vez que trouxermos esse banco de dados, você verá o poder real do que estamos tentando fazer aqui com as chamadas Ajax, as conexões PHP e assim por diante. Então isso está chegando no próximo conjunto de lições 10. 12 Criar tabela de banco de dados MySQL: nas próximas lições estariam olhando para conectar nosso PHP ao nosso banco de dados. Então, a primeira coisa que você precisa fazer certifique-se de que você tem um banco de dados. E uma vez que você tem um banco de dados, se você estiver usando exemplo, você pode passar por cima do host local. PHP meus homens, Se você está usando seu servidor online, geralmente um monte deles tem o PHP meu tinha sido quando você está acessando o banco de dados e o que PHP meu administrador faz é que nos permite realmente ser capaz de utilizar uh, este bom Interfaces GeoEye interface PHP Toe access são meu banco de dados sequela eso. O que queremos fazer é criar um banco de dados. Queremos criar uma tabela e, em seguida, criar algo. Então nós temos nosso teste de banco de dados, e dentro deste teste de banco de dados, eu quero criar tabela. Então, talvez eu só vou chamá-lo de P I. Vamos dar cinco colunas porque nós temos quatro pedaços de dados e eu também queria incluí-lo. Eu d. Então não vou utilizar isso como a idéia principal porque eu quero ter em auto incremental i d. Dentro desta tabela costura em um encolher isso um pouco para que possamos ver todos os valores que há . A 1ª é que vamos dar. O tipo é inteiro. O comprimento é 11. Vamos incrementá-lo automaticamente e configurá-lo como eso primário. Isso nos daria a capacidade de pegar essa informação e incrementá-la. Então, sempre que estamos inserindo novos dados automaticamente, ele vai obter um novo I d exclusivo. Então, em seguida, queremos usar X I d. Então, isso é o que temos aqui no campo. Então, estes serão todos inteiros também. Custo vai ser um inteiro também. Então ele ia deixá-los no comprimento de 11 eso. Por último, havia nome e companhia, então temos nome. Então isso vai ser texto variável e vamos fazer companhia. Então, a empresa vai ser a mesma coisa que vai ser texto variável e 2 55 segundos. Então, agora temos nossa mesa toda configurada e pronta para começar a receber algum conteúdo em sua própria próxima. O que precisamos fazer é conectar nosso código PHP ao nosso banco de dados, então eu vou te mostrar para fazer isso na próxima lição. 11. 14 Conectar ao banco de dados: Se você quiser realmente criar rapidamente a tabela, você poderia simplesmente criar tabela AP. Eu entrei em sequela e de lá colá-lo e basta pressionar Go e que irá formatar automaticamente esta tabela da mesma forma que eu tenho dentro desta lição. Então agora vamos fazer nossa conexão com nosso banco de dados com nosso arquivo PHP. Então, vou encolher este aqui. Ou talvez o que vou fazer é não dividir e esconder essa. E agora o que precisamos fazer é estabelecer uma conexão com nosso banco de dados de sequelas. Então, geralmente o que fazemos é fazer isso bem no topo aqui para fazer nossa conexão com o banco de dados. Então vamos preparar isto. Criar uma variável para armazenar a nova sequela Conexão Do New Boy s Q l Eu vou estar usando sequela I sa. É procurar a minha sequela. Eso melhorado nos dá um pouco melhor funcionalidade e um pouco mais de segurança. Eso Agora precisamos especificar os parâmetros. Eso A primeira coisa que precisamos especificar é onde o host, então host local próximo será o nome de usuário administrador. Para se você estiver usando Samp. O padrão é root. padrão para o host é o host local e o padrão para a senha está em branco. E, claro, se você não estiver usando exemplo, , seus parâmetros aqui são mais do que provavelmente serão diferentes s. Então este é o nome de usuário. Esta é a senha do seu banco de dados. E, finalmente, vamos especificar o nome da tabela. Então isso ou a tabela que criamos, o banco de dados que criamos é test eso. Vamos aquele teste lá em cima e conectá-lo ao nome do banco de dados. Então é onde a base de dados está localizada. O URL para ele. O nome de usuário dos anúncios que os homens senha e, por último, insira no banco de dados. Eso Uma vez que tenhamos configurado isso, podemos fazer uma verificação rápida para ter certeza de que tudo está funcionando corretamente. Eso foram apenas fazer uma condição aqui dentro do PHP vai chamar para aquele novo objeto que nós criamos esse novo objeto de conexão de banco de dados e vai apenas iniciar um ping que é método . E se conseguirmos algo daquele ping, sabemos que estamos conectados. Se não o fizermos, então saberemos que não estamos ligados, o eso faria mais aqui. E provavelmente uma das melhores coisas que podemos fazer agora é utilizar nosso cérebro. Você criou um raio. Então eu vou mover isso lá em cima e copiar isso e chamá-lo de conectar, conectado e se estivermos conectados, voltaremos de volta. Verdadeiro. E se não estivermos conectados, retornaremos falso. E desta forma podemos ver os resultados dentro de uma página p I e podemos verificá-la a partir daqui . Quando enviamos esses dados, podemos ver qual é o resultado se estivermos conectados ou não. E se nossos bancos de dados estiverem ligados ou não, vamos atualizar a página. E eles realmente não precisam atualizá-lo a menos que ano refazendo, atualizando, atualizando seu back-end código de front-end porque ainda estamos trabalhando nos códigos de back-enddela. Nós não precisamos necessariamente atualizá-lo lá, mas apenas para limpar o console lá, Então vamos enviar nossos dados ver o que aconteceu. Então vemos que conectado é verdade. Isso significa que temos nossa conexão de banco de dados e tudo é um objetivo para começar a inserir e trabalhar com o banco de dados do nosso código PHP. Então, estamos todos prontos para ir neste ponto para continuar com nossas conexões de servidor e começar a utilizar algumas dessas funcionalidades de p I que queremos fazer uso, conectando nosso banco de dados via PHP e assim por diante. Então, tudo isso, nós vamos estar olhando para ainda mais na próxima lição. 12. 15 Adicionar conteúdo ao banco de dados via código de interface AJAX: Então agora o que vamos fazer é inserir nossos dados em nosso banco de dados. Vou limpar isso um pouco, então não há tantas Rose aqui para que saibamos que esta é essencialmente a nossa conexão de banco de dados . Fazemos uma verificação rápida, certificamo-nos de que tudo está conectado corretamente e que estamos todos prontos para continuar com seu código e verificar para garantir que somos capazes de inserir dados. Então, também estamos pegando e estamos fazendo uma solicitação para verificar o método de solicitação, certificando-se de que ele é postado. E se for, definimos todos esses valores. E se não é do que talvez o que queremos fazer é fazer algo assim para que possamos definir alguns padrões. Então 100 por um nome, sem nome. E o que vai acontecer aqui é se não for post, isso vai nos dar estabilidade para realmente ir para a página e simplesmente adicionar esses parâmetros aqui eso nenhum nome e isso vai ser empresa. E, finalmente, vamos apenas configurar um custo padrão. Então o que vai acontecer agora sempre que eu for para isso. Uma página p I, nós temos esta boa saída Jason de realmente o que está acontecendo em nossa página aqui. Então você tem conexão. Verdadeiro. Então essa conexão ainda é válida e assim por diante. Então estamos todos prontos para continuar Teoh, adicionar algum conteúdo em nosso banco de dados. Então vamos criar essa sequência de sequela e fazer nossa conexão. Então aqui é onde eu vou fazer a conexão. Então eu me dou um pouco mais de espaço aqui dentro do arquivo aqui, e nós vamos começar fazendo s Q L. Então dê uma variável e vamos usar o mesmo objeto que criamos aqui foram realmente aqui s Então este é o nosso objeto conectivo do banco de dados. E vamos preparar a nossa declaração de sequela e esta vai ser inserida. Então, apenas um truque rápido para mostrar como você pode utilizar PHP Myatt homens. E enquanto isso ficou muito grande, mas vamos inserir algo. Eso Vamos inserir um pouco de conteúdo aqui. E a razão pela qual eu estou fazendo isso é porque os homens de mente PHP realmente bem produz essa força de entrada para que você possa realmente facilmente simplesmente copiar e colar em seu código PHP. E como podemos ver, ele adicionou com sucesso esse item lá. Então eu posso literalmente apenas tomar essa mesma inserção em um p I Nós temos todos os campos que eu quero inserir. Eu não inseri i i d Então, apenas vamos puxar esse para fora, e nós temos todos os nossos valores que estavam inserindo, e então nós só precisamos fechar isso fora. Feche isso. E eu já tenho o eso semi cólon Vamos em frente e, em seguida, o próximo executará essa sequela . Então s s Q l e executar. Então isso vai executar essa funcionalidade de sequela. E agora vamos dar uma olhada e ver o que realmente vai acontecer aqui quando formos para a página para não vermos nada diferente lá. Quando eu vou até aqui e atualizá-lo, vemos que ele está sendo executado, e ele está inserindo esse conteúdo. Então isso é bom. Isso é exatamente o que queremos que aconteça. E talvez agora possamos realmente atualizar alguns dos nossos conteúdos a partir daqui. Então vamos, uh nós temos que realmente sair da nossa corda aqui. Então pegue, uh, a única aspas duplas, ponto final. Bem, isso é só se estivermos adicionando algo. Então, para acrescentar que eu d nós vamos apenas ter certeza de que nós temos aspas duplas lá, então eu vou apenas copiar e colar, e eles vão fazer as atualizações depois. Então agora temos um nome. Então estamos recebendo qualquer valor contido no nosso raio. Uh, essas coisas na verdade deve ser custo, e então nós temos companhia é nome perdido, e este aqui é custo. Temos que ter certeza de que estou mantendo na mesma ordem que tenho aqui. Então estamos fazendo X I d empresa nome de custo. Então eu quero manter o mesmo formato onde estou fazendo. Custava a empresa. Então o mesmo formato que eu tenho lá. Vamos até a página e atualizá-la. Então, quando eu for para a página, atualize-a. Eu não tenho eu não vejo nada lá, mas quando eu faço atualizá-lo aqui, eu vejo Agora ele foi adicionado em. Então isso vai funcionar a mesma coisa. Aqui está então, se eu tenho um eu d enviar dados, vamos para o nosso banco de dados e vemos que agora nós somos capazes de inserir conteúdo em nosso banco de dados. Então, o que quer que sejamos tipo aqui, eu faço. Olá. Altere alguns desses valores aqui. Talvez este seja o que for. 550 mil. Refresque-o. E vemos que agora fomos capazes Teoh através de nossa chamada Ajax inserir conteúdo em nosso banco de dados de sequela através do nosso código PHP utilizando os parâmetros e o conteúdo que estamos enviando . Então, na próxima lição, eu inicialmente você tinha que adicionar alguma segurança adicional aos parâmetros que estavam enviando através de vinculação alguns dos parâmetros para ser um determinado formato. E então também o que vamos fazer é fazer uma verificação para ver se X I d é único. E se não for, do que o que vamos fazer é atualizar e assim criar um novo e também irá criar outro botão aqui, Teoh Recuperar dados. Então, através do i d. Vamos apenas bater recuperar dados e, em seguida, vamos produzir esses dados do banco de dados e, em seguida teremos um sistema ap I completo onde podemos atualizar o conteúdo para o banco de dados. Podemos adicionar conteúdo e, em seguida, podemos recuperar conteúdo do banco de dados. Então tudo isso está chegando 13. 16 Inserir no mySQL: a lição anterior vimos como podemos utilizar nosso código front-end via Ajax e enviar conteúdo para nosso banco de dados. E então podemos dar uma olhada nele dentro do nosso banco de dados, ver que ele é listado lá e assim por diante. Então nós usamos PHP, minha sequela, e na verdade há uma maneira de evitar injeções de sequela. Então esta é uma precaução de segurança. Basicamente, o que vamos fazer é garantir que as especificações de tipo dos caracteres são o que estamos esperando. Então vemos que eu é inteiro d é duplo s é string e B é um blob. Então, o que queremos fazer para a nossa p I Então isto vai ser um inteiro. Esta é uma string, esta string Isto é um inteiro Então vamos utilizar este dedo formatado, garantir que ninguém está realmente tentando Teoh, enviar algum conteúdo desonesto em nosso banco de dados. Então vamos abrir nosso editor aqui e configurar esses parâmetros. Eso este pode ir nesta linha aqui e podemos especificar. Então talvez o que queremos fazer é configurar uma nova variável cerebral para que possamos fazer algo como R s ou algo assim para sequela de solicitação. E aqui precisamos utilizar SQL que configuramos aqui e queremos vincular parâmetros. E é aqui que especificamos o tipo. E então aqui é onde tivemos nos parâmetros que queremos vincular. Então o que eu vou fazer é copiar tudo isso e eu vou pisá-los lá dentro. E eu ainda preciso fazer uma atualização lá sobre como ele está formatado. Então precisa remover todo esse excesso todas essas citações em excesso aqui. E então eu também vou precisar adicionar isso de volta aos valores. Mas, essencialmente, o que vai acontecer aqui é que vamos vincular esses parâmetros aos nossos valores aqui. Então aqui usamos pontos de interrogação. Teoh, segure o lugar para esses parâmetros e nós fazemos o parâmetro bind que nós vamos simplesmente depositar esses parâmetros na mesma ordem que eles estão aparecendo aqui dentro dos valores de parâmetros de compra aqui, eles vão substituir os pontos de interrogação por esses parâmetros. E então este é o lugar onde podemos especificar o tipo s O. I é para inteiro, como é para string. Então o primeiro 1 que estamos olhando é um inteiro inter jer força string. E, claro, se você estiver usando valores diferentes do que apenas certifique-se de que você tem os tipos correspondentes mencionados aqui dentro dos parâmetros de ligação. E agora o que podemos fazer é apenas ter certeza de que se r s, então podemos executar o treinador de sequela, modo que certifique-se de que nós ligá-lo corretamente. E se existe, tudo ainda é verdade que podemos ir em frente e executar o código. Então vamos dar uma olhada rápida e ter certeza de que ainda somos capazes de coisas ainda estavam funcionando corretamente. Atualize este banco de dados. Então ainda estamos inserindo tudo corretamente. Ainda foi atrás. Apenas nós adicionamos neste parâmetro de segurança extra em nosso em nosso código aqui eso também uma vez que executá-lo, temos acesso para recuperar de volta que inserir I d. Então eu quero criar outro item aqui dentro dessa matriz, e isso vai representar o padrão, o padrão i d. Então talvez o que eu preciso fazer aqui é que eu só preciso fazer uma atualização rápida para todos eles. Só uma verificação rápida, certifique-se de que isso é apropriado. E isso i d vai representar a inserção i d. E isso é gerado quando você insere conteúdo no banco de dados eso apenas conectando ao mesmo objeto de conexão de conexão e recupera de volta ele não chama de volta. E faz isso inserir I d. Então eu só vou pegar isso aqui, e então nós devemos ser capazes de ver isso dentro de nosso p I. Então agora quando eu definir que nós vemos que nós temos o I d. volta como oito r x idéias para 23 23 23 Quando entrarmos na nossa base de dados, isto já deve ter oito anos. Então este é o nosso item recém-inserido, recém-inserido para que possamos recuperar essa informação. Claro, se precisarmos usar isso de alguma forma onde você possa fazer isso também. E isso é o que é bom sobre retorná-lo dentro deste formato Jason é porque nós podemos realmente retornar um monte de informações úteis que podemos então utilizar dentro nosso código de front-end dentro do nosso JavaScript, e ele colocou alguns desses conteúdos e até mesmo aplicar condições aos valores dos resultados retornados da corte PHP. Então, na próxima lição, vamos continuar a construir isso. Eso vimos que fomos capazes de criar uma nova entrada, mas o que acontece se ela já existe? E eu queria usar este ex i d como o valor para as ideias existentes. Então eu realmente quero que todos eles sejam únicos dentro do banco de dados. Então alguém digita um animado que já existe. O que eu quero fazer, em vez de inserir, é atualizá-lo. Então eu vou te mostrar como fazer isso na próxima lição. 14. 17 Inserir e atualizar conteúdo de banco de dados com AJAX: Quero fazer uma atualização rápida para o nosso código de front-end porque agora que queremos funcionalidades adicionais , daí? Estamos apenas inserindo. E, claro, mais tarde, nós também vamos querer Teoh atualização, e nós também vamos querer apenas produzir esse conteúdo do banco de dados. Então, você tem algo que podemos adicionar aqui. Então sabemos que o botão um clique e um dos valores aqui será para sabermos que isso é para enviar dados, então nós vamos apenas dar-lhe, ah, valor da ação. E isso sempre vai adicionar conteúdo. Então talvez pudéssemos fazer algo estranho e salvar isso. E agora temos outro parâmetro que estamos captando aqui e podemos chamá-lo ação. E este também vai ser ação, e nós estamos apenas atualizando isso também, então isso vai ser sempre quente. Então agora nós temos este item adicional aqui chamado Ação, que nos ajudará a diferenciar diferentes comandos dentro do nosso PHP quando estamos enviando coisas diferentes que podemos querer fazer dentro do nosso casaco. Então vamos estabelecer uma condição aqui que eu não preciso dividir mais. Então nós vamos conhecer Split, e eu vou criar uma nova condição aqui, a fim de verificar se estamos realmente fazendo a ação de taxa. Eso esta ação vai ser ação, e eu só quero verificar, fazer uma verificação dupla, ter certeza de que o usuário está realmente tentando adicionar conteúdo. Então, agora, se eu quiser diferenciar se alguém está adicionando conteúdo ou inserindo conteúdo do que isso vai fazer isso uma linha de código aqui para que seja ah muito mais fácil entender o que está acontecendo aqui. E eu também vou nos recuar. Bem, eso agora que temos essa ação é igual a um estranho eu quero ser capaz de verificar se esse particular que eu tenho ex em particular realmente existe. Então vamos criar outra instrução de sequela para que onde você pode realmente verificar para ver se ele existe. E se isso acontecer, então sabemos que precisamos pular e precisamos precisamos atualizá-lo em vez de inserir. Então é isso que o nosso cheque vai ser para ver se ele realmente existe. E se acontecer, então saltaremos por cima. Então crie outra sequela aqui. E talvez nós apenas crescemos sequela A. Vamos fazer a mesma coisa onde estamos fazendo a preparação sugerir para que tenhamos certeza de que tudo é como um ok do conteúdo que estamos inserindo. Enfraquecer , selecionar. Então, um ex i d seleto de um p I e eu vou verificar para ver onde ex i d é igual a ponto de interrogação . E então nós vamos vincular o parâmetro na próxima vida. Assim como o que fizemos aqui, onde fizemos a ligação dos parâmetros. Vamos fazer isso nesta linha também. Assim como RS. Vamos chamá-lo de nosso. Uma sequela. R. E nós queríamos ter certeza de que é um inteiro, e nós também vamos adicionar uma verificação adicional, bem como apenas para ter certeza de que ele é um inteiro em. Agora vamos executá-lo. Essa sequela, essa é a sequela A. Então execute isso. E agora o que queremos fazer é verificar para ver os resultados. Eu vou criar uma nova variável, e é aqui que eu vou obter os resultados desta sequela Query, e nós vamos usar resultados ainda. E agora vamos fazer uma condição se resultar. Então eu verifiquei o valor de retorno do resultado. E se o resultado estúpido Rose é igual a zero, então sabemos que ele não existe, e podemos ir em frente e inseri-lo. Então, está Então, um pouco endividado. Então sabemos que se ele não existe, então podemos ir em frente e inseri-lo. Mas se ele existe, então é aqui que outra declaração entra. Nós queremos atualizá-lo em vez disso, e a fim de atualizá-lo então muito disso vai ser muito parecido, então eu posso simplesmente copiar e colar e fazer algumas atualizações para ele. Então, idealmente, vamos chamar essa sequela ser sequela ser sequela, ser nosso SB RSP e assim por diante em vez de inserir em Vamos fazer atualização e não precisamos fazer em então atualizações a p I e isso vai ser diferente também. Então o valor é definido e queremos definir alguns desses valores. Então vamos, vamos trapacear um pouco e passar para o nosso creme de pH. Eu fui e fiz uma atualização sobre isso. Então nós temos nossos valores de atualização e realmente deveria ter atualizado ainda mais dos valores Eso 1111 que isso é apenas para que eu possa construí-lo essa string de consulta eso Não, eu estou trapaceando um pouco, mas vai nos poupar um pouco de tempo. Então temos o nosso ex e eu vou chupar para não questionar trabalho, pergunta, pergunta, ponto de interrogação e um ponto de interrogação E onde estou? D é igual a um. Então eu realmente quero atualizá-lo onde ex i d é igual a. Então eu não vou atualizar ex i d. mas eu quero igualar isso também. O valor de X i t Então agora vamos comprar os parâmetros. Então, primeiro temos o custo. Então isso é um inteiro que temos string inteiro e então você só precisa alterar e atualizar alguns da ordem deste eso. Agora nós estamos atualizando estavam vinculando ele e agora nós podemos ir em frente e executar isso e nós não vamos obter uma inserção I d de volta. Mas sabemos que agora nós realmente inserimos. É assim que vamos alguns Vamos adicionar em mais um parâmetro aqui. Mais um item aqui que podemos retirar do nosso Jason. Vamos chamar isso de status, e então status vai ser igual a nós vamos apenas chamá-lo adicionado. E aqui, vamos fazer o status atualizado. Vamos pular Oh, para o nosso navegador da Web e pegar o I D e talvez nós vamos apenas pegá-lo. E agora vamos ver o que o nosso voltou. Então nós temos status adicionado e este status de tempo atualizado. Vamos ao nosso site aqui. Então o ex i d. Então, pela primeira vez, o que fizemos foi adicioná-lo em seguida, nós atualizá-lo, então vamos apenas certificar-nos de que ele está atualizando. Então, vamos atender. Talvez possamos usar outro I d. Então 2023 novo valor e vamos apenas fazer custo atualizado. Então, não terminei a informação. Então vamos dar uma olhada no número oito aqui, atualizá-lo. E agora temos o nosso novo valor. Nossos novos custos estão entusiasmados, permanecem os mesmos porque é assim que estamos identificando que eles não estão usando. Eu d estava usando X i d. O que ainda deve no final do dia ser único, mas isso nos dá a capacidade de definir aqueles uma ondulação e não realmente interferir com a ordem automática que nós obteríamos de i d. Dentro o meu banco de dados de sequelas lá, nós temos nosso valor atualizado e fomos capazes de realmente distinguir entre atualizar conteúdo e adicionar conteúdo dentro deste formato. Então, a próxima lição? E se quisermos colocar todo o conteúdo que queremos para fora, colocar todo esse conteúdo, ou talvez querer selecionar um I D. em particular e queremos ver os valores dessas idéias. Então talvez não queiramos continuar indo até esse banco de dados, ter isso aberto. E nós queremos ter outro botão aqui que diz Obter dados e vai pegar esse valor que está dentro do I.D. I.D. e nos mostrar o conteúdo dessa função particular do banco de dados. Então, como fazer isso está chegando 15. 18 Obtenha dados da saída de banco de dados como JSON: Eu particularmente não gosto de ter que virar para trás e para o meu PHP meus anúncios para poder ver os dados que estou inserindo. Então vamos atualizar nosso código em outro botão e puxar os dados de volta do banco de dados utilizando uma chamada Ajax. Então, está configurado isso. Abra o seu editor aqui, uh, vai dividir a visão horizontal e dentro do seu. Por isso, preciso de ter a minha barra lateral. Há oh, eu quero trazer aquele lá para baixo em voltar para a minha página de índice e queremos que nós queremos fazer é queremos Primeiro de tudo, vamos adicionar em outro botão e este botão em vez de enviar dados, vamos manter o classe, Mas você botão para e nós vamos apenas fazer obter dados em vez de enviar os dados, nós vamos obter os dados e muito do que fizemos dentro da lição anterior, nós podemos praticamente apenas copiar e colar o que fizemos e, em seguida, apenas fazer alguns conforme necessário. Pequenos ajustes e ajustes conforme necessário. Então este é o nosso segundo botão para não ser confundido com o primeiro botão. Então, segundo, mas e este vai realmente obter os dados. Então precisamos atualizar este botão do dedo do pé para, e nós não precisamos enviar ah, muita informação aqui nós podemos escapar apenas enviando esse ex i d. Nós também precisamos enviar a ação para que possamos nos livrar de algumas dessas coisas aqui. E talvez a ação desta vez seja “começar”. E novamente, precisamos ainda passar essas variáveis de saída. Jason So e assim Então tudo o resto é relativamente o mesmo S O. Isto é tudo o que precisamos. A fim de enviar esses dados. Vamos dar uma olhada no nosso navegador e ver como ele se parece. Temos dados de envio. Temos que pegar dados e perceber que eles recebem dados. Então, temos lançando alguns erros. Então nós definitivamente temos que dar uma olhada nisso e ver o que está acontecendo aqui e por que estamos lançando erros de uma boa idéia porque estamos esperando ah, valor do nome, que não estamos enviando mais e valor da companhia, que não vamos enviar e custar, que não vamos enviar. Então vamos cuidar disso dentro do nosso código-fonte e atualizá-lo. Então nós realmente não estamos esperando isso quando estamos utilizando o valor dentro quando estamos utilizando a ação get que nós queríamos usar em vez de ímpar. Então, se essa ação for obtida, nós realmente não pegamos todas essas informações. Eso talvez vamos fazer algumas atualizações rápidas aqui, e nós só precisamos atualizar essa informação se ela estiver lá, nós temos aquele ex I D. E talvez em vez de vamos apenas fazer eu entendo Então a ação é agora começar. Então nós carregamos todos eles lá e nós realmente não temos nenhuma ação que nós vamos fazer. Então agora vamos atualizar isso ainda. E por enquanto, vamos acrescentar que nossa ação é conseguir e não precisamos fazer mais nada além disso. Então, vamos refrescá-lo. E ainda assim, ainda está ficando. Precisamos recarregar a página, então ainda estamos recebendo ação de índice indefinido na linha 13. Então vamos dar uma olhada e ver o que está acontecendo. Ainda assim, ainda estamos recebendo esse erro, e é claro, eu ainda preciso colocar essa ação lá dentro. Então isso não era algo que eu deveria ter removido lá então vamos trazer isso de volta, voltar e tentar o então de novo. Então vamos escolher outro valor lá. Então, 1 44 obter dados Eso que pareciam funcionar corretamente. A ação é obter as idéias X 144 quando tivemos que começar. Vamos apenas garantir que o envio ainda está funcionando que ainda foram capazes de atualizar esses dados para que possamos atualizar os dados e podemos obter os dados para que tudo esteja funcionando corretamente. Vamos continuar a construir essa resposta. Então não precisamos do Teoh. Nós vamos apenas fazer um não split sobre isso agora porque nós não precisamos dividi-lo mais porque agora ele está apenas indo para o código PHP. E o que precisamos fazer é fazer uma consulta de banco de dados seletiva que eu d adequada e retornar que os valores. Então temos muito desse trabalho já feito aqui para que possamos simplesmente copiar e colar. Então, nós estamos selecionando ex I D. De um P I onde X I d é igual ao array emocionante que foi enviado executado e obtemos nossos resultados agora precisamos apenas loop através desses resultados retornar de volta. Toda essa informação de resultado assim resulta. E nós poderíamos teoricamente nós poderíamos fazer um loop por aqui e retornar eso apenas certificando-se que o valor dos resultados é maior do que zero. E se for ISS, então podemos devolver os resultados. Podemos percorrer um monte de resultados se quisermos, então podemos até adicionar em outros parâmetros onde não precisamos necessariamente procurar por este ex i d e podemos apenas retornar de volta todos os valores. Isso é algo que poderíamos fazer também, além do que estamos fazendo agora. Então vamos invadir esse código e então se precisarmos utilizá-lo, temos a capacidade aqui dentro do nosso PHP. Então resultados e e estamos buscando os dados de ID associado que é ID de associado e sendo retornado. Aqui está nós vamos fazer um loop através dele e, essencialmente, nós vamos adicionar isso em. Então precisamos ter contêiner para esses dados. Então você configurou outro array aqui, assim como o que fizemos onde montamos aquele ataque aéreo, que ary inicial vamos configurar outro contêiner para esses dados e eu não fiz esses valores lá e igualá-lo ao valor que está voltando dentro. A regra é essencialmente. O que está acontecendo aqui é que vamos retornar todas as linhas de dados e adicionar isso em nossa matriz. Então vamos, uh, vamos ver como isso vai funcionar. E, na verdade, antes de fazermos isso, ainda precisamos adicionar informações de dados no objeto Jason que estamos retornando. Então vamos adicionar isso como resposta. Então esta é a nossa resposta à consulta sobre os resultados que estamos procurando que igualam este valor aqui. Então vamos dar uma olhada nisso no navegador. Então são dados de acerto. Então estamos pegando os dados do I.D . 1. Então lá nós temos são conectadas idéias Tru X. Uma ação obter resposta. Então vemos que temos um objeto array que está sendo retornado lá. Então, potencialmente, se tivéssemos vários itens aqui dentro da resposta, poderíamos ter 0123 ou qualquer número fora dos itens que temos essa correspondência. Nosso valor de consulta Eso Now, neste caso, estamos retornando apenas um item e vamos dar uma olhada nisso. Então nós temos o ex I D. Então a razão pela qual ele só está retornando o único é que nós temos que atualizar as consultas Select. Então, estamos fazendo uma ex identidade identidade , então vamos mudar para um Astérix. Eso desta forma devemos estar devolvendo todos os valores dentro dessa resposta. Serie o primeiro objeto a dar uma olhada nisso Temos companhia, temos custo. Nós temos o seu i d Nós temos o seu nome quando temos o X i t. Então, se nós atualizá-lo e assim enviar esses dados Então agora nós adicionamos isso para lá. E agora sempre que obtemos os dados estavam realmente fora colocando essa mesma informação de objeto . Então isso é fazer uma viagem de ida e volta pegando essa informação do nosso banco de dados e colocando-a Então, falando em saída , próxima lição, vamos colocar um pouco desse conteúdo, sair do console e enviá-lo dentro do nosso área visível do nosso navegador s para que possamos dar uma olhada mais de perto e trabalhar mais com ele. Então, a próxima lição em que você saltar de volta para algum HTML e colocar algum conteúdo dentro do nosso navegador navegador 16. 19 dados de saída Dyanmically novos JSON: vimos como podemos enviar dados inseridos em atualização em nosso banco de dados de sequelas e também obter esses dados de volta. Então, agora vamos olhar para o nosso HTML. Então nós dividimos lá e mostramos a barra lateral. E na verdade, provavelmente nós podemos mover este para baixo e saltar apenas para o índice dot html e esconder aquela barra lateral lá. Então minha fonte é realmente grande lá. Então é ah, ele está ocupando bastante espaço aqui na tela. Eso O que queremos fazer é talvez queiramos ter na área de saída, então queremos sair. Coloque um pouco desse conteúdo vai embelezá-lo rapidamente. Então tudo vai mais em linha, criar uma nova definição. Aqui, dê-lhe um I D de saída. Então é aqui que podemos produzir nossas informações de comunicação que estamos realmente recebendo do serviço. Estamos voltando do nosso servidor aqui, e vamos conectar a essa saída a consulta G e atualizar algum desse HTML dentro dessa área de saída. Talvez primeiro tenhamos que ver o que realmente estamos sendo devolvidos aqui. E também posso acrescentar isso lá dentro. Então vamos minimizar algumas dessas coisas aqui porque não precisamos necessariamente que Teoh tenha tanta informação. Então, apenas uma agilizar esse conteúdo um pouco mais eso também. Se você quiser remover a falha, podemos fazer isso também. Agora vamos ver o que realmente está sendo devolvido. Eso Quando enviamos um pedaço de dados, vamos atualizar isso. Esvaziamos a área do cônsul e vamos criar um cérebro que você envia dados. Então, primeiro de tudo, quando enviamos dados, vemos que o status é adicionado para que possamos voltar ao nosso código-fonte e podemos verificar e podemos fazer uma condição aqui. Então, se de status é igual adicionado, então nós sabemos que nós realmente adicionamos algo. Podemos dizer Vamos construir a partir da variável aqui. Então deixe em branco. Eu colocaria agora e vamos fazer saída igual. Vamos fazer saída igual a saída. Além disso, eu fiz um você sabe, Agora nós vamos ver que nós adicionamos um novo item para o banco de dados e nós vamos produzir essa saída dentro do HTML lá. Nós também podemos recuperar de volta que ex I d. Então este é o valor aqui do que colocamos em eso enfraquecer. Só simplesmente, uh, talvez nós queiramos devolver o i d ou algo como único. Como aquela nova base de dados i d. é. E, em seguida, aqui podemos adicionar em que i d para este item. Uh, e novamente apenas, uh vai ser d menos. Eu d. Então vamos ver que isso vai aparecer quando adicionarmos conteúdo foi a página errada lá. Então, quando eu vou três enviar dados, vemos que você adicionou um novo item ao banco de dados. Nova base de dados I d. é 11 para este item. Então esse lado nos dá mais informações sobre o que aconteceu. E talvez também queremos saída. Então queremos apenas ADOT. E se o status for atualizado, não teremos uma mensagem diferente. Se o status for eso, vamos ver o que retorna atualizado antes de salvarmos isso. Então você vê que agora seu status é atualizado e nós obtemos todos esses valores lá. Então você atualizou você atualizou um item existente. Talvez nós nem precisamos de tudo isso para que possamos nos livrar de algum desse excesso de texto lá e adicionar em outra quebra de linha após este eso Agora que temos tudo isso fora do caminho, podemos produzir talvez alguns dos conteúdos que podemos fazer uma ação. Então aqui podemos fazer saída mais saída e igualá-lo também. Ação. E também podemos produzir todos esses parâmetros lá. Então isso seria ação D. E a seguir outra linha quebra aqui e nós. Tivemos ação. Éramos uma empresa de transformação. Nome do custo conectado. Então todas essas coisas que podemos facilmente adicionar aqui. Então nós temos d dot company, e isso deve ser uma vantagem que foi sobrada do PHP lá. Então nós fazemos PHP lá, lá, pontos. E quando o fizermos, quando fizermos o nosso JavaScript , eles serão sinais de adição para inventar o Nate. Essa informação. Então, companhia. E nós também tínhamos outro para nome, e eu acredito que eu acabei de nomear para o retorno daquele. Então nós tínhamos o nome. Tínhamos um custo. Tínhamos um status. Tínhamos o ex I D. Então você deixaria o custo. Então eu acho que você entende aqui que nós podemos ter acesso a todas essas informações realmente facilmente. Isso só está sendo devolvido, então custa. Então eu acho que isso é muito bom, que podemos devolver toda essa informação. Claro, fizemos algumas atualizações. O Knaus. Temos um refrescá-lo. Então vamos enviar dados. Você atualiza um testador de empresa de anúncios de ação de item existente, o que quer que tenhamos, faça algumas atualizações para ele. Envie dados. Então, na verdade, isso deve custar um nome só para obter as coisas apropriadas aqui. Mas acho que você entende que é muito fácil recuperar os dados agora que estão em um Jason, nos contesta. Sempre que enviamos esses dados, podemos ver que podemos retornar todas essas informações. Isto é tudo do servidor eso. Agora temos trabalho atualizado e adicionado. Vamos fazer com que o conteúdo funcione, então isso vai aparecer na próxima lista e eu vou te mostrar como fazer isso 17. 20 Obtenha saída de dados em HTML: a lição anterior vimos como podemos atualizar e enviar os dados e podemos obter um visual aqui dentro do nosso HTML da mesma coisa que está acontecendo quando antes do que estávamos olhando dentro do console. Então agora podemos enviar dados. Podemos ver que atualizar o item existente teste da empresa de anúncios e enviar esses dados. Podemos ver que agora está sendo atualizado. Então isso é tudo atualizado a partir do banco de dados. Agora vamos I Quando obtivermos dados, vamos retornar isso, obter informações e utilizar isso dentro de nossas respostas. Bem, então vemos que temos esses parâmetros, temos ação, temos conexão. E a coisa realmente importante aqui está dentro desse objeto patrocinador. Então vamos dar uma olhada nisso. E eu coloquei essa informação dentro do nosso JavaScript. Então sabemos que estamos realmente voltando. Vários itens é a possibilidade de que há mais de um item que estamos voltando dentro deste objeto específico. Então, por aqui, vamos, uh, configurar uma variável. Então nós temos nosso item e nós temos D em resposta, e eu quero apenas pegar a primeira resposta. Nós só temos uma resposta voltando. Isso faz com que seja ideal que saibamos que há apenas uma resposta. Mas por acaso, se houver mais de um , teríamos que passar por eles. Mas neste caso, só temos um voltando, então vamos verificar se o item já existe. Se houver conteúdo lá e se isso acontecer, então vamos criar alguns valores para essa saída aqui. Então eu vou configurar a mesma coisa que eu montei aqui, onde eu tenho saída. E então eu estou fora colocando nada. E vamos adicionar a essa saída, o valor de saída e agora dentro daqui vamos fazer saída é igual a saída, mais algum conteúdo aqui que estamos retornando. Então vemos que estamos retornando algum conteúdo do servidor. Então nós temos o custo da empresa, nome e assim por diante, então nós podemos apenas colocar todas essas informações em nossas informações retornadas. Então isso está certo. Eu fui encontrado. E aqui podemos acrescentar que eu d. Então agora ele vai ser o item I d é o valor para isso. E ele fez isso novamente onde eu preciso ter o sinal de mais para o Capitão comê-lo juntos e nós apenas fazer uma quebra de linha aqui e nós também podemos ir em frente e listar o resto das coisas. Mas eu não acho que isso seja necessário. Então eu acho que nós ainda podemos entender o ponto lá. Esse item encontrado é o número nove. Então, na verdade, talvez devêssemos listar o resto dessas coisas. Então ele está tentando fazer isso muito rapidamente aqui. Talvez você possa copiar e colar utilizar algum desse conteúdo que fizemos anteriormente e atualizá-lo aqui para que possamos nos livrar disso. Livrar-se dele assim em vez de D Na verdade provavelmente faz mais sentido, é se nós apenas fazer dados e atualizar em vez de d vai fazer resposta de dados e atualizar este dois d É um pouco de trapaça lá, mas assim desta forma não tem que reescrever todas essas coisas. Então vamos dar uma olhada rápida. Apenas certifique-se de que tudo está correto aqui, e isso está faltando. Apenas dizendo algo aqui e vamos dar uma olhada nele dentro do navegador da Web, então atualize, obtenha dados. Mas temos um problema lá. Então item eso em algum lugar que eu ainda tenho item que eu estou procurando. Então, na verdade, isso deve ser atualizado para D também. E então recuperamos a empresa de ação, nomeamos uma coisa que nos falta. Então, isso em vez de dados D ação, ele deve ser ação de dados, porque isso ainda está dentro desse objeto de dados. Então vamos pegar dados. O item Eso encontrou ideias nove. Ação foi obter I e companhia. testador da empresa dele é o Tester, então podemos fazer algumas atualizações. Envie os dados, pegue os dados. Vemos que agora temos esse cérebro você obtém valor de dados. Estamos lançando um erro lá porque não estamos retornando um valor para D. Então vamos simplesmente remover isso ou podemos atualizar isso para data novamente. Agora que é que s foram capazes de recuperar a saída de dados. Ele visualizá-lo. Então, indo para os consoles, tudo está funcionando, devidamente atualizado. Então, o que quisermos agora, podemos fazer chamadas para o A.P . recupero os dados e assim por diante. Então, a próxima lição há alguns pequenos ajustes e ajustes que eu vou fazer dentro do código, a fim de funcionar um pouco melhor. Mas, essencialmente, este é o nosso projeto finalizado onde podemos enviar esses dados e recuperá-los de volta do banco de dados usando um A P I. Então, na próxima lição, estamos em alguns pequenos ajustes e atualizações para o código-fonte . 18. 21 conclusão de API da Web: Então temos tudo funcionando como queremos. Há algumas pequenas atualizações para torná-lo um pouco mais seguro porque estamos esperando um I d. aqui. Então alguém vem e coloca algumas cartas aqui, envia os dados. Bem, nós vamos adicionar um novo item, mas nós não estamos realmente adicionando um item. Então vamos para o banco de dados, vamos fazer isso menor, e se eu atualizá-lo porque estamos esperando um valor numérico em ex I D. Ele só vai lidar em como zero porque o valor que acabamos de entrar isso não está na América. Então, idealmente, o que queremos dificar dentro de um p i p h p a p i queremos ser capazes de ter uma maneira realmente verificar esse conteúdo entrando, então eu posso praticamente fechar isso fora. Eu posso simplesmente fazer o não split aqui, esconder esta parte, e vamos atualizar o nosso PHP, a fim de ser capaz de garantir que o valor que estamos recebendo é a América. E se não for, talvez pudéssemos voltar para o ar ou algo assim. Então, olhando para, hum, nossos valores de solicitação lá e assim por diante eso O que queremos fazer é que queremos produzir e fazer uma condição. Então esta condição, eu vou verificar para ver se é numérico, e a maneira que eu costumo fazer isso é fazê-lo com um pragmático e este pragmático, então combinando para ver se temos um padrão. E se tivermos o padrão, então ele voltará a ser verdade. E se tivermos alguma coisa lá fora, o padrão voltará a ser falso. Então preg match é o método. É o método PHP, e precisamos combiná-lo de acordo com estar na América. É a combinação para ver se o valor está na América. E em segundo lugar, vamos colocar esse valor lá. Então, isso basicamente garantirá que, se for numérico, voltará a ser verdade. Se não for, vai voltar falso. Então, antes de realmente saída são informações do Jason, podemos lançar um erro aqui na parte inferior para que pudéssemos fazer algo como outra coisa. E então aqui podemos dizer enfraquecer retorno resposta, ar ou status, ar ou algo assim. Então vamos, hum ou talvez o que queremos fazer é atualizar a ação para erro. Então voltamos um erro. Se esse valor não é a América, vamos tentar e ver como funciona. Agora, quando eu clicar nele, vemos que temos erro. Se eu voltar para o valor numérico estavam bem novamente. Se eu tiver algum caractere lá, obtemos erro indefinido, indefinido Porque, claro, estamos pulando através de retornar o resto da informação que ainda estamos conectados, ex i d recebe todos Errado e nós temos todos esses indefinidos se há eso isso é, Ah, precaução. Podemos tomar para ter certeza de que estamos recebendo melhor conteúdo formatado. Se você está se conectando a este ap I Se você está procurando se conectar de uma página externa e você quer ter certeza de que talvez alguns de seus erros você você não quer que seus herdeiros apareçam dentro do A p I. Então nós temos capacidade no PHP para exibir erros. Por isso, agora está ligado. Podemos desligar isso também. Então, o relatório de erros. Há também opções aqui para o cabeçalho. Então, se você quiser controle de acesso, permitir origem para que isto seja se queremos conectá-lo a este arquivo PHP a partir de um URL s diferente . Então isso nos permitirá conectar de um nome de domínio diferente em vez de nosso domínio regular nome. E, claro, eu não vou ver muita diferença a partir de agora, porque eu não estou tendo isso. Eu não mostro nenhum ano que vai ter quaisquer erros, bem como eu estou dentro desse mesmo domínio. Mas estes ar apenas algumas precauções adicionais que você pode tomar dentro de seu bloco PHP para torná-lo melhor desempenho e ser capaz de utilizar essa informação de resposta Ah, muito melhor dentro de seu JavaScript também. Então, incluí todo o código-fonte com o qual tenho trabalhado neste curso. Para que você possa tentar por si mesmo, veja como funciona e veja o que você pode fazer acontecer com Ajax e PHP, e você está através do meu banco de dados de sequelas. Certifique-se de que você tem PHP rodando. Você tem minha sequela em execução no seu servidor e também quando você está criando o código, se você não está familiarizado com qualquer um dos idiomas, eu tentei passar por cima tanto quanto é necessário para cobrir o conteúdo do curso Mas é claro , todas essas linguagens há muito mais que pode ser feito com elas, especialmente PHP. Acabamos de arranhar a superfície dele. J Consulta. Mesma coisa. Nós usamos apenas alguns métodos que estão disponíveis quando j. consulta. Então, há muito mais que você pode fazer com essas linguagens de programação. E à medida que você se torna mais familiar e confortável, você vai ver que um monte de portas, eles vão se abrir, e vai haver coisas realmente incríveis que você pode fazer com essa combinação de linguagens de programação . E quando você traz bancos de dados para seus aplicativos da Web, você obtém muito mais capacidade de funcionalidade adicional para armazenar esses dados e realmente criar uma experiência significativa e excelente para seus usuários da Web. E também apenas utilizando J Query e Ajax permite que você tenha uma experiência de usuário realmente perfeita . Então, o usuário comum vindo aqui para que eles não precisassem necessariamente ver o console que eles poderiam ver I d. Então talvez eles queiram criar uma conta. Eles poderiam enviar dados, então adicionou um item existente. Estranho, você atualizou um item existente ou talvez eles queiram criar um novo. Então adicionou um novo item para as ideias de banco de dados. 14. E, claro, você pode utilizar essas informações retornadas. No entanto, você precisa usá-lo dentro de seus aplicativos Web Action ad company Tester 10. Nós também podemos atualizá-lo, então atualizar um item existente e nós podemos apenas recuperar essa informação de volta para que o usuário possa realmente utilizar coisa esta conexão de banco de dados e tão perfeita lá e nenhuma página atualiza tudo feito através do Ajax sem atualizações de página e conectando-se perfeitamente ao banco de dados. Então eu encorajo você a experimentar por si mesmo, fazer alguns ajustes, fazer alguns ajustes no código-fonte e ver o que você pode fazer acontecer.