AJAX Inviare query

[damy11]

Ciao devo inviare una query tramite AJAX,ma proprio non ci riesco

Allora le pagina da considerare sono 3...

ajax.js che contiene il codice ajax
query.php che invia la query al database
index.php che è la pagina che ha il bottone per mandare la query

ajax.js

//creo l'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();

//spedisco la richiesta
var myRequest = createObject(myHandler);
myRequest.open("POST","sendmessage.php");
myRequest.send(null);

//funzione gestire le richieste
function myHandler() {
    if (myRequest.readyState == 4 && myRequest.status == 200) {
        alert(myRequest.responseText);
    }
} 

index.php

<script src="ajax.js" type="text/javascript"></script>
<form method="post">
<textarea cols="20" rows="2"></textarea>
<input type="button" onClick="myHandler"/>
</form> 

Aiuti?Attualmente mi appare un alert con tutto il codice di index.php

[cavicchiandrea]

sendmessage.php cosa hai? <input type="button" onClick="myHandler()"/> aggiungi le parenti nel button

[damy11]

Scusa sendmessage.php sarebbe la pagina che invia query!
In pratica io ho questa pagina dove sono estratti dei record...l'utente l'invia con il form che ho postato prima e caricandoli con AJAX,la lista dei record dovrà mostrare anche il messaggio appena inserito

[cavicchiandrea]

Hai aggiunto le parentesi al tasto button?
Se lanci sendmessage.php senza ajax fa quello che deve fare?
Metti un link alla pagina pubblica (tuosito.ext/paginademoform.html)

[damy11]

Si alle prime due domande...ma il problemi di questo script è che quando apro la pagina index.php è che mi apre un alert con il codice sorgente di index.php

[cavicchiandrea]

E un po che non sviluppo ajax/js (uso jquery) leggi qui se tutti i passaggi sono corretti

[lucavizzi]

ajax.js

function sendRequest(){
    var postToSend=document.getElementById('[COLOR=blue]txt[/COLOR]').value;//i dati da inviare
    
    var xmlhttp=new XMLHttpRequest(); // IE7+ ...
    xmlhttp.open("POST","sendmessage.php",true);
    xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");//per inviare il form
    xmlhttp.send("[COLOR=red]textareaContent[/COLOR]="+postToSend);
    
    xmlhttp.onreadystatechange=function()   {
       if (xmlhttp.readyState==4 && xmlhttp.status==200){
         alert(xmlhttp.responseText);
       }
    }
} 

index.php

<script src="ajax.js" type="text/javascript"></script>
<form method="post">
<textarea cols="20" rows="2" id="[COLOR=blue]txt[/COLOR]"></textarea>
<input type="button" onClick="sendRequest();"/>
</form> 

in sendmessage.php, per recuperare il testo nella textarea:

$text=$_POST['[COLOR=red]textareaContent[/COLOR]']