Jump to content
Notícia
  • Adquira já o seu VIP!

Search the Community

Showing results for tags 'recebendo dados do php através do javascript'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Anunciantes
    • Advertise here
    • silvaBR Cheats
    • Astaroth Medium
  • ################## WEB CHEATS ##################
  • Anúncios/Eventos
    • Regras
    • Anúncios
    • Eventos do fórum
  • Feedback & Suporte
    • Tutoriais WC
    • Suporte
    • Sugestões
    • Denúncias e Reclamações
    • Depósito
  • Shooter Zone
    • Point Blank
    • Combat Arms
    • Cross Fire
    • Counter Strike
    • Battle Royale
    • Outros Shooters em Geral
    • Shooter Zone - Lixão
  • RPG/MOBA Zone
    • WYD - With Your Destiny
    • Grand Chase
    • Ragnarok
    • League of Legends
    • Tibia
    • Priston Tale
    • Mu Online
    • Perfect World
    • GunBound
    • Runescape
    • Outros RPGs em Geral
    • RPG Zone - Lixão
  • Outros Games Zone
  • Design Zone
  • Info Zone
  • Video Games Zone
  • ################## WEB CHEATS ##################
  • Entretenimento & Diversão
  • 【FREE FIRE】▄︻┻┳═一's Fórum do Clube
  • Anticomunismo's Tópicos

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Discord


Idade

 
or  

Found 1 result

  1. jQuery é: Uma biblioteca JavaScript criada no intuito de minimizar o tempo de criação, simplificar o código e também um refúgio para muita gente. Eu mesma fui buscar aprender document.getElementById() no JS depois de ter aprendido o $('#id'). O primeiro livro que li sobre foi um do Maujor - jQuery, achei excelente é completo e cheio de exemplos, definições, não só a parte prática mas também a teórica que é essencial. Porque receber dados do PHP através do JavaScript? Pense que você tem um site PHP e quer fazer ele da seguinte maneira: Um menu, um texto, o conteúdo, outro menu e por fim o rodapé. O conteúdo em si é buscado no Banco de Dados e retornado para o PHP. Com a programação certa, vc irá ter uma definição de conteúdo depende da URL atual mas ira 'herdar' determinado conteúdo como o MENU,TEXTO,OUTRO MENU e o RODAPÉ, mas o conteúdo você quer alterar. Isso tem um certo porém, você terá sempre de carregar a pagina novamente, desde o inicio ao fim. Com o JavaScript é diferente, você pode requisitar ao PHP para ele pegar certo conteúdo, isso em um arquivo externo e inserir em um elemento da pagina atual, atualizando assim o conteúdo sem necessariamente ter um refresh(reload) na pagina. Como isso funciona? Vamos ver na prática: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Tutorial jQuery</title> <link rel="stylesheet" type="text/css" href="css/style.css" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> <script src="http://localhost/wc/js/central.js"></script> </head> <body> <div id="topo"> <h1>WC - Venha Evoluir</h1> <h3>Brinks, só que não</h3> </div> <div id="menu"> <ul> <li><a href="index.html">INICIO</a></li> <li><a href="#id=1">PAGINA EXEMPLO</a></li> <li><a href="contato.html">CONTATO</a></li> </ul> </div> <div id="conteudo"> <h1>Bem vindo ao Sente Aqui se Puder! Simulação de um onibus na minha cidade</h1> <p>Todo mundo fala fala fala e não faz nada, eu quero mesmo é invadir o sistema<br /> da prefreitura e acabar com toda essa palhaçada. Colocaria o terro na cidade kkk<br /> imagina um aviso no site da prefeitura de ameaça de bomba no shopping?<br /> A população ficaria apavorada</p> <h5>Só que não em...</h5> </div> <div id="outro_menu"> <ul> <li><a href="#">[O]INICIO[O]</a></li> <li><a href="#">[O]PAGINA EXEMPLO[O]</a></li> <li><a href="#">[O]CONTATO[O]</a></li> </ul> </div> <div id="rodape"> <span>Todos os direitos reservados para o governo, principalmente o dinheiro</span> </div> </body> </html> Temo inserido nessa pagina 3 arquivos externo. 1º CSS 2º jQuery 3º Funções JS Style : css/style.css @charset "utf-8"; /* CSS Document */ #topo, #menu, #conteudo, #outro_menu, #rodape { width:1000px; margin:0 auto; } ul { list-style:none; } ul li { display:inline-block; padding:10px; } Central : js/central.js // JavaScript Document var local = 'http://localhost/wc/'; // Quando a pagina HTML estiver carregada... $(document).ready(function() { // converte os links em função $('a').click(function() { // URL para onde vamos var href = $(this).attr('href'); // obtendo o valor do id href = href.split('='); // inserimos o arquivo PHP que ira processar os dados, e o parametro ID, após vem a função $.post(local+'processo.php', {id:href[1]}, function(data) { // se quiser ver os dados recebidos use, alert(data); // inserindo o conteúdo no campo em questão $('#conteudo').html(data); }); // se quiser mudar a URL tb use, // histoty.replaceState(null,'Titulo da Pagina',local+'index.html#id=1'); return false; // nao deixa atualizar a pagina }); }); O arquivo PHP onde os dados será capturados: processo.php <?php // inserindo a classe de conexão require 'cls/Servidor.class.php'; // cria uma nova instancia $db = Database::conexao(); // não está vindo de um post, ou seja, está sendo aberto diretamente if ($_SERVER['REQUEST_METHOD'] != 'POST') return false; // extraimos os parâmetros passado no método la no JavaScript que será o ID do POST extract($_POST); // convertendo para inteiro $id = (int)$id; $cmd = $db->prepare('SELECT id,content FROM post WHERE id = :id'); $cmd->bindParam(':id',$id); if ($cmd->execute()) { // se o post existe if ($cmd->rowCount() > 0) { // retorna um array numérico $dados[0], representa o primeiro campo // poderia ser PDO::FETCH_ASSOC e ser um array textual, $dados['nome_do_campo'] $dados = $cmd->fetch(PDO::FETCH_NUM); echo $dados[1]; } else 'Não existe esse post'; } ?> Conexão PDO: cls/Servidor.class.php <?php /** * Classe de conexão ao banco de dados usando PDO no padrão Singleton. * Modo de Usar: * require_once './Database.class.php'; * $db = Database::conexao(); * E agora use as funções do PDO (prepare, query, exec) em cima da variável $db. */ class Database { # Variável que guarda a conexão PDO. protected static $db; # Private construct - garante que a classe só possa ser instanciada internamente. private function __construct() { # Informações sobre o banco de dados: $db_host = "localhost"; $db_nome = "wc"; $db_usuario = "root"; $db_senha = ""; $db_driver = "mysql"; # Informações sobre o sistema: $sistema_titulo = ""; $sistema_email = ""; try { # Atribui o objeto PDO à variável $db. self::$db = new PDO("$db_driver:host=$db_host; dbname=$db_nome", $db_usuario, $db_senha); # Garante que o PDO lance exceções durante erros. self::$db->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); # Garante que os dados sejam armazenados com codificação UFT-8. self::$db->exec('SET NAMES utf8'); } catch (PDOException $e) { # Envia um e-mail para o e-mail oficial do sistema, em caso de erro de conexão. mail($sistema_email, "PDOException em $sistema_titulo", $e->getMessage()); # Então não carrega nada mais da página. die("Connection Error: " . $e->getMessage()); } } # Método estático - acessível sem instanciação. public static function conexao() { # Garante uma única instância. Se não existe uma conexão, criamos uma nova. if (!self::$db) { new Database(); } # Retorna a conexão. return self::$db; } } Mostrar o resultado com imagem não tem graça. Dúvidas? Só perguntar.
×
×
  • Create New...