Inserire dati AJAX

[damy11]

Ciao devo ho un textarea dove l'utente inserisce un testo e vorrei l'effetto tipo la bacheca di facebook che appena posta uno stato compare subito nel profilo..

index.php

<form method="post" action="javascript:insert()"">
<textarea cols="21" rows="2" id="pensiero" name="pensiero">Scrivi...</textarea>
<input type="submit" value="pubblica"/>
</form> 

ajax_post.js

/* Oggetto XMLHTTPRequest */

function createObject() {
var request_type;
var browser = navigator.appName;
if(browser == "Microsoft Internet Explorer"){
request_type = new ActiveXObject("Microsoft.XMLHTTP");
}else{
request_type = new XMLHttpRequest();
}
return request_type;
}

var http = createObject();

/* creo le variabili e rimando alla pagina */
function insert() {

var pensiero= encodeURI(document.getElementById('pensiero').value);
http.open('get', 'send.php?pensiero='+pensiero+');
http.onreadystatechange = insertReply;
http.send(null);
}
} 

La pagina send.php inserisce i dati nel database...
Il procedimento è giusto per ottenere ciò che voglio?
Lo script ora non funziona perchè cliccando sul submit non succede nulla

[damy11]

Nessuno?

[cavicchiandrea]

Manca la funzione insertReply

[damy11]

function insertReply() {
if(http.readyState == 4){ 
var response = http.responseText;
document.getElementById('insert_response').innerHTML = 'Aggiunto:'+response;
} 

Scusa ma questa funzione serve solo per dare il messaggio che il testo è stato aggiunto giusto?

[cavicchiandrea]

E quando il processo è finito, comunque è un po che non sviluppo in puro ajax leggi qui per eventuali chiarimenti.

[damy11]

Si grazie la sto già studiando quella guida e prendendo appunti
Cmq giusto per sapere se sto facendo bene...è giusto il processo per fare ciò che voglio?

[cavicchiandrea]

Originariamente inviato da damy11
Si grazie la sto già studiando quella guida e prendendo appunti
Cmq giusto per sapere se sto facendo bene...è giusto il processo per fare ciò che voglio?

Boh... cosa vuoi che ne sappia
A) Controlla che la pagina php esegua l'inserimento correttamente
B) Cambia <form method="post" action="#" onsubmit="insert()">

[damy11]

Dovrei fare una cosa tipo la bacheca di facebook...che tu scrivi un messaggio e appena clicchi invio il messaggio compare già nella tua bacheca senza aggiornare la pagina...

Il codice non funziona ancora e penso che l'errore sia nel file ajax:

/* Oggetto XMLHTTPRequest */

function createObject() {
var request_type;
var browser = navigator.appName;
if(browser == "Microsoft Internet Explorer"){
request_type = new ActiveXObject("Microsoft.XMLHTTP");
}else{
request_type = new XMLHttpRequest();
}
return request_type;
}

var http = createObject();

/* inseriamo i dati */
function insert() {

var pensiero= document.getElementById('pensiero').value;
http.open('get', 'post.php?pensiero='+pensiero+');
http.onreadystatechange = insertReply;
http.send(null);
}
function insertReply() {
if(http.readyState == 4){ 
var response = http.responseText;
document.getElementById('insert_response').innerHTML = 'Site added:'+response;
}
} 

Una cosa,ma perchè hai messo nel form action="#" non dovrebbe essere presente l'onSubmit?