Publicado em 4 de set.

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

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.

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 xDex:

<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

Discussão (1)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

ZUCOLLI· 7 de out.

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);
?>