AJAX e PHP

[andan]

Ciao ragazzi, sto impazzendo per fare una cosa che credo sia semplice.

Mi spiego:
Ho una pagina html semplicissima con un form fatto di due campi nascosti .
Premendo un link su questa pagina, tramite javascript riesco a dare i rispettivi value ai due campi nascosti di tale form e a lanciare il submit.
In questo modo però la pagina fa il refresh. Vorrei attraverso AJAX ,che invece,
sia lo stesso ajax a intercettare il submit di questo form(proveniente da javascript),
a prelevarmi i value, e a passarli ad una pagina php che li legge e effettua delle modifiche sul database.

In pratica vorrei che quando uno clicca su questo link, i due valori nascosti del form vengano scritti sul database senza vedere nessun refresh, o al limite se questo non è possibile, vedendo il refresh di un solo div della pagina,il quale magari mi ritorna i valori aggiornati appena caricati sul database.

Il file php lo so già, l'html pure, vorrei solo capire come si fa a fare in modo che ajax intercetti il submit del mio form nascosto(submit effettuato con un comando javascript),
ne prelevi i value e li passi alla pagina php,(la quale li caricherà nel database), senza vedere refresh nella pagina.

Vi ringrazio in anticipo per le risposte.

[cavicchiandrea]

Ma non centra nulla il submit con ajax, se hai inserito il submit nel form toglilo se il pulsante del form e del tipo submit cambialo con il tipo button e quello associ un onclick che richiama la funzione Ajax, i dati li passi al onclick funzioneAjax('dato1','dato2') oppure le recuperi direttamente dalla funzione funxioneAjax(){var dato = document.getElementById('mi_id_dato1').value etc.....

[andan]

Ti ringrazio per la risposta.

Il form non ha proprio il submit. Eccolo:

<form class="prova" name="formnasc" action="" >
<input type="hidden" name="idviews" id="idviews"/>
<input type="hidden" name="azione" id="azione"/>
</form>

Questo è il link sulla pagina index.php che passa i value e fa il submit di tale form(e funziona):


echo "
<div class=Stile9 >
<img border=0 src=picture/picc1.png />$ogg</div>";


Poi in giro per la rete ho trovato, relativamente ad ajax che si può fare una cosa del genere, per intercettare il submit:


$(function() {
$('.error').hide();
$('.prova').submit(function() { //Questa è l'struzione ajax che dovrebbe intercettare quel submit (ma non lo fa)

alert (ciao);return false;
$('.error').hide();

var id = $("input#idviews").val();//qui dovrebbe prelevare il value del campo views etc etc
if (id == "") {
$("label#id_error").show();
$("input#id").focus();
return false;
}
var azione = $("input#azione").val();
if (azione == "") {
$("label#azione_error").show();
$("input#azione").focus();
return false;
}

var dataString = 'id='+ id + '&azione=' + azione ;


$.ajax({
type: "POST",
url: "bin/process.php", // qui dovrebbe richiamare la pagina php passandolgi la stringa con idati
data: dataString,
success: function() {
$('#prova').html("<div id='message'></div>");
$('#message').html("<h2>Contact Form Submitted!</h2>")
.append("

We will be in touch soon.</p>")
.hide()
.fadeIn(1500, function() {
$('#message').append("[img]images/check.png[/img]");
});
}
});
return false;
});
});


Spero di essere stato chiaro. Il submit di quel form non lo fa l'utente premendo un tasto, ma lo fa javascript. Perchè la funzione ajax non intercetta quel submit sul form di classe prova?

[br1]

Il javascript puo' intercettare l'evento onsubmit generato dall'utente con il click nel pulsante apposito, non puo' intercettare la chiamata al metodo submit() del form, perche' nessun evento viene generato dal form stesso.

Il fatto che evento e metodo abbiano nome simile non deve portare a confondere fra loro... sono concettualmente molto diversi.

ciao