Un ajutor cu ajax+php

[saitek]

Am urmatorul script in php

Cod: Selectaţi tot

<?php
include "config_mails.php";

$email=$_POST['email_recive'];

$query="INSERT INTO $table (mail) VALUES ('$email')";
if (!mysql_query($query)) {
die(mysql_error());
} else {
echo 'Adresa dumneavoastra a fost adugata in baza de date';
}

mysql_close($conexiune);

?>


Si cand scriptul se executa arata "Adresa dumneavoastra a fost adugata in baza de date" si na ma gandeam sa pun script-ul intr-o pagina cu <form action....... da bine inteles ca sa aratae acel mesaj trebuie reload la pagina si se deschide un nou tab,window etc,bine intele asta cu un nou window etc as rezolva-o daca as pune scriptul direct fara <form action...... si de aceia as vrea sa stiu daca ma puteti ajuta cu AJAX,sa ma ajute cineva sa il modific sa fie cu ajax ca sa nu mai fie reload la pagina si etc...

P.S si ceva tutoriale bune javascript+ajax in afara de w3schools ca nu prea te invata multe..

[Copyright]

Tutorialele de la W3C cred ca sunt sunt cam invechite, in ziua de azi mai toata lumea foloseste un framework Js pentru Ajax. Uite doua exemple simple implementate cu mootools, respectiv jQuery

mootools

Cod: Selectaţi tot

window.onload = function(){
   $('submit').onclick = function(){
      new Ajax('email_recive.php', {
         method: 'post',
         data: 'email_recive='+$('email').value,
         onComplete: function(response){
            $('ajax_response').setHTML(response);
         }               
      }).request();
   return false;
   }         
}

<form action="email_recive.php" method="post">
<div id="ajax_response">32</div>
<input type="text" name="email_recive" id="email"/>
<input type="submit" id="submit" value="send"/>
</form>


jQuery

Cod: Selectaţi tot

window.onload = function(){
   $.post( 'email_recive.php',
           'email_recive='+$('#email').value,
            function(response){
               $('#ajax_response').html(response);
            }
    )
}

<form action="email_recive.php" method="post">
<div id="ajax_response">32</div>
<input type="text" name="email_recive" id="email"/>
<input type="submit" id="submit" value="send"/>
</form>


Later.

[saitek]

1.Multumesc ca mai ajutat,mai rar oameni ca tine :*


Dar tot se deschide un nou tab,window etc cu echo-ul ,poti sa il modifici,adica acolo undei <input..... cand a dat send sa arate ""adresa de email a fost adugata in baza de date.."

asa am pus in pagina index.php

Cod: Selectaţi tot

<script>
window.onload = function(){
   $('submit').onclick = function(){
      new Ajax('email_recive.php', {
         method: 'post',
         data: 'email_recive='+$('email').value,
         onComplete: function(response){
            $('ajax_response').setHTML(response);
         }               
      }).request();
   return false;
   }         
}
</script>
<form action="email_recive.php" method="post">
<div id="ajax_response">32</div>
<input type="text" name="email_recive" id="email"/>
<input type="submit" id="submit" value="send"/>
</form>


Am incercat si cu jquery si mootols si tot la fel face
P.S mersii si pentru indicile privind invatatu' in javascript si sql :*