Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

WM _ Guilherme Ferrolli

PHP + Jquery -> ajax com 8 linhas de código XD

Por , em PHP

Recommended Posts

WM _ Guilherme Ferrolli    0

WM _ Guilherme Ferrolli
Postado

Bom , primeiramente, digo que é imprescindível para qualquer programador aprender como funciona uma requisição assíncrona com AJAX.

Porém, isso demora KKK.

Portanto fica o nosso melhor amigo dos client-sides, o Jquery, uma liv do Javascript capaz de tudo e muito mais com pouquíssimas linhas de código.

O lema do Jquery é -> Write Less, Do more.

 

OK, para fazermos isso com jquery primeiro temos que baixar a biblioteca do Jquery.

->>http://code.jquery.com/jquery-1.4.2.min.js

 

após isso.. óbvio, linkar ( caramba , linkar ) o script no html.

<script  src="http://code.jquery.com/jquery-1.4.2.min.js"  type="text/javascript"></script>

OkeyDokey

 

agora o script..

<script  type="text/javascript">
$("document").ready(function()  {//  o  document  ready  é  o  mesmo  que  onload  no  html  XD
    $("form").bind("submit",function(event)  {
          event.preventDefault();  //  assim  ele  não  executa  a  requisição  da  action  da  form
    });
//agora  escolha  a  id  da  form  que  você  quer  mandar  via  ajax  
    $("#id_da_form").submit(function()  {
          $.post("url_da_pagina.php",$(this).serialize(),
          function(data)  {
               alert(data);// aqui você pode colocar uma div aonde vão aparecer os resultados da requisição como $("#resposta").html(data)
          });
// você pode manipular a 'data' como quizer. exemplo: se você fazer a página retornar 0 ou 1 pode usar uma condicional como
// if(data == 1) {location:index.php}else {$("#result").html(data)}; 
// fiz o meu sistema de login assim
// se a resposta da query for true ele cria uma sessão , e retorna 1.
// então o Jquery pega esse retorno e atualiza a index,
// caso contrário ele mostra uma exception em uma div 
// que é onde aparecem os logs de erro como usuario inválido , senha errada e etc
    });
});
</script>
depois disso é só criar uma form com aquela id e pronto xD

ex:

<form  id="id_da_form">
<input  name="nome"/>
<input  name="senha"/>
<input  type="submit"  value="enviar"/>
</form>

 

entrem no meu fórum..

Coloquei no ar a 3 dias.

Vou postar tutoriais sobre Orientado a Objeto, dinamismo de página.. melhorar a experiência do usuário

megamod forum

para fazer o cadastro basta ir no menu Principal->cadastro

e é isso ai...

PHP + Jquery é o que há.

abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites

ZUCOLLI    1

ZUCOLLI
Postado

Boa noite...

 

Estou tentando fazer este exemplo e não consigo!

 

Eu quero pegar as 3 entradas deste form e enviar ao PHP que insere na tabela...

 

 

O que posso estar errando?

 

 

Muito obrigado.

 

 

ZUCOLLI

 

 

 

 

imasters.html

<!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>Teste Post Jquery</title>

<script src="js/jquery-1.6.3.min.js" type="text/javascript"></script>

<script  type="text/javascript">
$("document").ready(function()  {//  o  document  ready  é  o  mesmo  que  onload  no  html  XD
   $("form").bind("submit",function(event)  {
         event.preventDefault();  //  assim  ele  não  executa  a  requisição  da  action  da  form
   });
//agora  escolha  a  id  da  form  que  você  quer  mandar  via  ajax  
   $("#add").submit(function()  {
         $.post("data_imasters.php",$(this).serialize(),
         function(data)  {
              alert(data);// aqui você pode colocar uma div aonde vão aparecer os resultados da requisição como $("#resposta").html(data)
         });
// você pode manipular a 'data' como quizer. exemplo: se você fazer a página retornar 0 ou 1 pode usar uma condicional como
// if(data == 1) {location:index.php}else {$("#result").html(data)}; 
// fiz o meu sistema de login assim
// se a resposta da query for true ele cria uma sessão , e retorna 1.
// então o Jquery pega esse retorno e atualiza a index,
// caso contrário ele mostra uma exception em uma div 
// que é onde aparecem os logs de erro como usuario inválido , senha errada e etc
   });
});
</script>

</head>

<body>

<form id="add" name="add">
   <label>Nome: </label>
   <input id="nome" name="nome" type="text" />

   <label>Username: </label>
   <input id="username" name="username" type="text" />

   <label>Senha: </label>
   <input id="senha" name="senha" type="text" />

   <input  type="submit"  value="enviar"/>


</form>

</body>
</html>

 

 

data_imasters.php

<?php
// extrai os dados do post
extract($_POST);
// monta a instrucao SQL
$strSql = "insert into user (nome,username,senha) values ('$nome','$username','$senha')";
// conexao com o banco
$con = mysql_connect('localhost', 'zucolli', 'cazzac');
// seleciona o bd
mysql_select_db('nuato', $con);
// executa a query
$query = mysql_query("$strSql");
// verifica status da query
if($query)
{
// se bem sucedida
echo 0;
}
else
{
// mal sucedida
echo 1;
}

 print_r($_POST); 
?>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos PHP
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito