Atualização de campo na tabela sem refresh (php+ajax)

[DuuuuDuuuu 1]

galera eu entendo bem pouco de ajax, e tive um empase agora faz ums dois dias que estou atraz de resolve isso e não consigo achar a solução na internet, eu presciso basicamente enviar dados para uma pagina .php, mas esses dados iram ir assim; "pagina.php?id=12&qtd=12" soh um exemplo ai vai o codigo que estou ussando.

 

					<a href="controle.php?id=<?php echo $reg['id']; ?>&acao=1"><img alt="+1" src="imagens/pracima.gif" border=0></a>
					<a href="controle.php?id=<?php echo $reg['id']; ?>&acao=2"><img alt="-1" src="imagens/prabaixo.gif" border="0"></a>

e eu estava ussando nos formularios um tutorial que eu tinha achado em um site, bem bom mesmo, mas ele apenas servia para formularios e como entendeo pouco de ajax, se alguem souber como se chama isso que eu toh tentando faze, ou me indica um tuto massa ai.

 

ai vai o site que eu achei o tuto que eu usso nos formularios:

 

http://faael.net/envio-de-formulario-sem-refresh-com-jquery-php/

[Preceptor 3]

Cara, uso muito jquery, realmente gosto muito dele, mas pra quem ta começando eu recomendo o SACK Simple AJAX Code-Kit disponivel pra download em http://www.twilightuniverse.com/?page_id=243.

 

Ele é muito simples de usar, acho que seria algo assim pra você

 

<script>
function atualizar(codigo){
ajax = new sack;

	        var informe = document.getElementById('info')
                
                enviandoReqs = function() { informe.innerHTML = 'atualizando...'}
                mostraReqs = function() { informe.innerHTML = ''; alert('Atualizado') }

		ajax.method        = 'get';
		ajax.requestFile   = 'atualizar.php?id='+codigo;
		ajax.onLoading     = enviandoReqs;
		ajax.onLoaded      = enviandoReqs;
		ajax.onInteractive = enviandoReqs;
		ajax.onCompletion  = mostraReqs;
		
		ajax.runAJAX();



}
</script>

<div id='info'></div>

<ul>
<li><a href='javascript:atualizar(1)'>atualize esse codigo: 1</a></li>
<li><a href='javascript:atualizar(2)'>atualize esse codigo: 2</a></li>
<li><a href='javascript:atualizar(3)'>atualize esse codigo: 3</a></li>
</ul>

[Avelino.US 1]

O jQuery é um framework muito bom, lendo o doc (load) pode lhe ajudar bastante:

http://api.jquery.com/load/

[DuuuuDuuuu 1]

Cara, uso muito jquery, realmente gosto muito dele, mas pra quem ta começando eu recomendo o SACK Simple AJAX Code-Kit disponivel pra download em http://www.twilightuniverse.com/?page_id=243.

 

Ele é muito simples de usar, acho que seria algo assim pra você

 

<script>
function atualizar(codigo){
ajax = new sack;

	        var informe = document.getElementById('info')
                
                enviandoReqs = function() { informe.innerHTML = 'atualizando...'}
                mostraReqs = function() { informe.innerHTML = ''; alert('Atualizado') }

		ajax.method        = 'get';
		ajax.requestFile   = 'atualizar.php?id='+codigo;
		ajax.onLoading     = enviandoReqs;
		ajax.onLoaded      = enviandoReqs;
		ajax.onInteractive = enviandoReqs;
		ajax.onCompletion  = mostraReqs;
		
		ajax.runAJAX();



}
</script>

<div id='info'></div>

<ul>
<li><a href='javascript:atualizar(1)'>atualize esse codigo: 1</a></li>
<li><a href='javascript:atualizar(2)'>atualize esse codigo: 2</a></li>
<li><a href='javascript:atualizar(3)'>atualize esse codigo: 3</a></li>
</ul>

 

bom cara valeu mesmo pela resposta, eu num sei mt de ajax, e quaze num entendi o script, mas toh lendo pra ver se entendo melhor, mas tipo eu tenho um while no php, eu acho que eu num consegui me expressa mt bem quando criei o topico, vou tenta te explica melhor:

 

<table width="75%" border="1">
  <tr>
    <td width="51%">Quantidade</td>
    <td width="49%">Opções</td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
  </tr>
  <?php
$qry = mysql_query("SELECT * FROM produtos WHERE quantidade ORDER BY id ASC", $base); //lista as quantidade de produtos de acordo com a id
 while ($reg = mysql_fetch_array($qry)) { //inicia o while
 ?>
  <tr>
    <td><?php echo $reg['quantidade']; //lista as quantidade 
	
	?></td> 
    <td>            <a href="controle.php?id=<?php echo $reg['id']; ?>&acao=1"><img alt="+1" src="imagens/pracima.gif" border=0></a>
					<a href="controlestoque.php?id=<?php echo $reg['id']; ?>&acao=2"><img alt="-1" src="imagens/prabaixo.gif" border="0"></a>
	</td>
  </tr>
  <?php
}
?>
</table>

então como voce pode ver, eu vou atualizara quantidade do produto de acordo com a id dele, e oq eu queria fazer seria ele faze a requisição a pagina controle.php com a id do produto e atualizar ele, até ai eu sei fazer bem tudo tranquilo, mas quando ele exibi o alert da pagina controle.php dizendo que tudo deu certo e o produto está atualizado ele volta peo comando history.back(-1);, até ai tambem tudo certo, mas quando ele faz isso ele não atualiza a pagina que lista as quantidade e dai fica na mesma quantidade ali me mostrando, pq ele não atualizo a pagina, eu queria que ele atualizase a pagina quando fizesse o history.back(-1);, e se pudesse indo um pouco mais além, tipo colocar uma div de status, pra não prescisar colocar as alerts, pq aquilo já tah um pouco ultrapassado,

se pude me ajuda cara, agradeço mt já

[Preceptor 3]

Ajustando de acordo com o seu codigo

 

Tem que fazer o download do TW SACK aqui: http://www.twilightuniverse.com/downloads/sack/tw-sack.zip

 

Descompacta tudo do arquivo e poe numa pasta chamada js

 

<script type="text/javascript" src="./js/tw-sack.js"></script>
<script>
function atualizar(url){
// ativa o frameword
ajax = new sack;

// div que vai mostrar a mensagem enquanto ta carregando
                var informe = document.getElementById('info')
                
// funcao que mostra mensagemd e carregando
                enviandoReqs = function() { informe.innerHTML = 'atualizando...'}

// mostra que alteracao foi concluida
                mostraReqs = function() { informe.innerHTML = ''; alert('Atualizado') }

// metodo de envio da pagina get, ou post
                ajax.method        = 'get';

// pega endereco de onde ta o arquivo php
                ajax.requestFile   = url;

// >>> essa parte aqui é onde o ajax trabalha

// enquanto envia pedido pra pagina
                ajax.onloading     = enviandoReqs;
// enquanto  carregaa pagina
                ajax.onloaded      = enviandoReqs;
// enquanto  processa o conteudo
                ajax.onInteractive = enviandoReqs;
// quando termina o trabalho
                ajax.onCompletion  = mostraReqs;

// roda o ajax                
                ajax.runAJAX();

}
</script>

<div id='info'></div>

<table width="75%" border="1">
  <tr>
    <td width="51%">Quantidade</td>
    <td width="49%">Opções</td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
  </tr>
  <?php
$qry = mysql_query("SELECT * FROM produtos WHERE quantidade ORDER BY id ASC", $base); //lista as quantidade de produtos de acordo com a id
 while ($reg = mysql_fetch_array($qry)) { //inicia o while
 ?>
  <tr>
    <td><?php echo $reg['quantidade']; //lista as quantidade 
        
        ?></td> 
    <td>            <a href="javascript:atualizar('controle.php?id=<?php echo $reg['id']; ?>&acao=1')"><img alt="+1" src="imagens/pracima.gif" border=0></a>
                    <a href="javascript:atualizar('controlestoque.php?id=<?php echo $reg['id']; ?>&acao=2')"><img alt="-1" src="imagens/prabaixo.gif" border="0"></a>
        </td>
  </tr>
  <?php
}
?>
</table>