AJAX e passaggio dati POST

[Grambo]

Ciao a tutti, ho un problema che non riesco a risolvere.
Da una pagina asp voglio inviare dei dati di un modulo tramite post, ma i dati non vengono recuperati dalla pagina richiamata e non capisco dove sbaglio

dunque

questa è la pagina asp in cui ho il form:

<form name="form1">


<div id="codice" class="arr"><%=codice%></div>


<textarea type="text" name="messaggio" id="messaggio" style="width:546px; height:96px; background:none; border:thin ridge #CACAD9; font-family:MTCORSVA; font-size:16px; resize:none;" /></textarea>

<img id="tasto_invia" src="image/invia.png" width="92" height="105" style="cursor:pointer;" onclick="invia_messaggio()" />



</form>

(devo inviare il contenuto della textarea ed il codice tramite post)


il codice js è:

function invia_messaggio(){
	messaggio=$("#messaggio").val();
	codice=$("#codice").text();
    $.ajax({
      type: "POST",
      url: "invia_messaggio.asp",
      data: "codice="+codice+"&messaggio=" + messaggio,
      dataType: "html",
      success: function()
      {
		alert("ok");
      },
      error: function()
      {
        alert("Chiamata fallita, si prega di riprovare...");
      }
    });


}

e nella pagina invia_messaggio.asp ho

<%
codice=request.form("codice")
messaggio=request.form("messaggio")
response.write  codice&","&messaggio


'aggiorno il db
Set objConn = Server.CreateObject("ADODB.Connection")
objConn.Open("Provider = Microsoft.Jet.OLEDB.4.0; Data Source = " & Server.MapPath("/mdb-database/db.mdb"))
Set objRs = Server.CreateObject("ADODB.Recordset")
set objRs = objConn.Execute("INSERT INTO messaggi VALUES ('"&codice&"', '"&messaggio&"',#"&now()&"#")
%>

ricevo l'errore "Failed to load resource: the server responded with a status of 500 (Internal Server Error)"
e nella pagina invia_messaggio.asp non vengono recuperati i valori

[Grambo]

ho provato anche

function invia_messaggio(){
	codice=$("#codice").text();
	messaggio=$("#messaggio").val();


	errore=0;
	//controllo che sia compilato
	if (messaggio==""){
		errore=1;
		alert('Inserire un messaggio da inviare!');
	}
	if (errore==0){
      	if(window.XMLHttpRequest){
                xmlhttp = new XMLHttpRequest();
            }else{
                xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');
            };


            xmlhttp.onreadystatechange = function(){
                if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
                    //document.getElementById('message').innerHTML = xmlhttp.responseText;
					alert("ok");
                };  
            };


            parameters = 'codice='+codice+'&messaggio'+messaggio;


            xmlhttp.open('POST','invia_messaggio.asp',true);
            xmlhttp.setRequestHeader('Content-type', 'x-www-form-urlencoded');
            xmlhttp.send(parameters);
	}
}

[vic53]

ho provato anche

function invia_messaggio(){
    codice=$("#codice").text();
    messaggio=$("#messaggio").val();


    errore=0;
    //controllo che sia compilato
    if (messaggio==""){
        errore=1;
        alert('Inserire un messaggio da inviare!');
    }
    if (errore==0){
          if(window.XMLHttpRequest){
                xmlhttp = new XMLHttpRequest();
            }else{
                xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');
            };


            xmlhttp.onreadystatechange = function(){
                if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
                    //document.getElementById('message').innerHTML = xmlhttp.responseText;
                    alert("ok");
                };  
            };


            parameters = 'codice='+codice+'&messaggio'+messaggio;


            xmlhttp.open('POST','invia_messaggio.asp',true);
            xmlhttp.setRequestHeader('Content-type', 'x-www-form-urlencoded');
            xmlhttp.send(parameters);
    }
}

prova cosi...se non mi sbaglio...

function invia_messaggio()
 if (window.XMLHttpRequest) {
        ajaxmsg = new XMLHttpRequest();
        ajaxmsg.onreadystatechange = function() {ElaboraMsg()};
        ajaxmsg.open("POST","invia_messaggio.asp, true);
        ajaxmsg.send(null);
    // branch for IE/Windows ActiveX version
    } else if (window.ActiveXObject) {
        ajaxmsg = new ActiveXObject("Microsoft.XMLHTTP");
        if (ajaxmsg) {
            ajaxmsg.onreadystatechange= function() {ElaboraMsg()};
            ajaxmsg.open("POST","invia_messaggio.asp, true);
            ajaxmsg.send();
        }
    }
}
function ElaboraMsg() {
 var risposta; 
   if (ajaxmsg.readyState==4)
     {     
     risposta=ajaxmsg.responseText;
     alert(risposta);
     }
}

Nel POST mi pare che puoi intercettare i campi del form con request.form("nomecampo")....
se non li intercetti devi mandarli tramite querystring...?campo=xxxx etc..
vedi un po tu
ripreso da uno dei miei pgm intranet e riadattato...
ciao

[Grambo]

ma se non gli mando nulla come faccio a recuperare i valori? non gli invio dei parametri?
per quanto riguarda inviare i dati tramite get (querystring) non credo sia fattibile, devo inviare il contenuto di una textarea, e potrebbe essere molto grande..

[Grambo]

Ho risolto, in pratica voleva un "button", il mio html è diventato

<div style="position:absolute; left:618px; top:8px;">
<input type="submit" name="button" id="tasto_invia" value="" style="background-image:url(image/invia.png); background-color:transparent; width:92px; height:105px; border:none; cursor:pointer;" onmouseover="seleziona('tasto_invia','_1')" onmouseout="seleziona('tasto_invia','')"/>
</div>

ed il js

function invia_messaggio(){
 codice=$("#codice").text();
 messaggio=$("#messaggio").val();


 errore=0;
 //controllo che sia compilato
 if (messaggio==""){
  errore=1;
  alert('Inserire un messaggio da inviare!');
 }
 if (errore==0){
       if(window.XMLHttpRequest){
                xmlhttp = new XMLHttpRequest();
            }else{
                xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');
            };


   parameters = 'codice='+codice+'&messaggio='+messaggio;
            xmlhttp.open('POST','invia_messaggio.asp',true);
            xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
   
            xmlhttp.onreadystatechange = function(){
                if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
                    //document.getElementById('message').innerHTML = xmlhttp.responseText;
     alert("ok");
                };  
            };


            xmlhttp.send(parameters);
 }
 
}

[vic53]

Some other notes on POST requests:

• POST requests are never cached
• POST requests do not remain in the browser history
• POST requests cannot be bookmarked
• POST requests have no restrictions on data length

dall help di w3schools.com
Tu puoi mandare campi anche lunghi con il POST...
quindi la chiamata al tuo programma asp diventa cosi...

function invia_messaggio()
 messaggio=$("#messaggio").val();
 codice=$("#codice").text();
 var datiform="?codice="+codice+"&messaggio="+messaggio;
 if (window.XMLHttpRequest) {
        ajaxmsg = new XMLHttpRequest();
        ajaxmsg.onreadystatechange = function() {ElaboraMsg()};
        ajaxmsg.open("POST","invia_messaggio.asp"+datiform, true);
        ajaxmsg.send(null);
    // branch for IE/Windows ActiveX version
    } else if (window.ActiveXObject) {
        ajaxmsg = new ActiveXObject("Microsoft.XMLHTTP");
        if (ajaxmsg) {
            ajaxmsg.onreadystatechange= function() {ElaboraMsg()};
            ajaxmsg.open("POST","invia_messaggio.asp"+datiform, true);
            ajaxmsg.send();
        }
    }
}
function ElaboraMsg() {
 var risposta; 
   if (ajaxmsg.readyState==4)
     {     
     risposta=ajaxmsg.responseText;
     alert(risposta);
     }
}

---

[vic53]

Chiaramente quando apri il programma chiamato devi legggere i campi querystring...

dim codice, messaggio
codice=Request.querystring("codice")
messaggio=Request.querystring("messaggio")

penso che basti...

la lunghezza del messaggio MAXLenght del POST è impostata nel server IIS e comunque si puo' definire anche più grande del default però devi guardare la documentazione di IIS
ciao