Risposta Ajax in DIV

[Urbanus]

Buongiorno a tutti!

ho una pagina che contiente un form e un div dove vorrei che uscisse il risultato della pagina php dopo l' elaborazione dei dati inviati tramite POST (si tratta semplicemente di un invio email)

la pagina con il form è:

$(function(){
     $("#gpref").submit(function(){
var datiem=$("#gpref").serialize();
$.ajax({
    type:"POST",
    url: "uty/inviaemail.php",
    data: datiem,
    dataType: "html",
    success: function(msg){setTimeout(function(){ $("#risultato").html(msg); }, 10000);},
    error: function(msg){setTimeout(function(){ $("#risultato").html(msg); }, 10000);},
    complete: function(msg){setTimeout(function(){ $("#risultato").html(msg); }, 10000);}

});
});
});
<form  action="#" method="POST" NAME="gpref" id="gpref" >
<input type="text" size="35" maxlength="50" name="emailto" <?php echo "value=\"$rec_email\"";?>
<textarea name="corpoemail" rows="7" cols="40"></textarea>/>
</form>

//
<div id="risultato"></div>

semplice semplice
la pagina che invia la mail è

//codice invio email

.
.
.
.
.
.


if (!$mail->send()) {
    //echo "Errore: " . $mail->ErrorInfo;
echo "Email non inviata!";
    $ok=1;
} else {
echo "Messaggio inviato!";
    $ok=2;
} 

se faccio la richiesta classica ovvero richiamando direttamente la pagina inviaemail.php la mail parte senza problemi
ma
se faccio tamite ajax parte ma non vedo il risultato che viene generato nel php echo "Messaggio inviato!"; oppure echo "Email non inviata!";
dovrebbe visualizzarsi nel div risultato

dove sbaglio?

ho provato anche a mettere il timeout per vedere se per caso succede qualche cosa ma nulla...


Grazie

[Vindav]

come lo invii il form? non vedo bottoni nella tua pagina...

[cavicchiandrea]

<input type="text" size="35" maxlength="50" name="emailto" <?php echo "value=\"$rec_email\"";?>
<textarea name="corpoemail" rows="7" cols="40"></textarea>/>
Qui c'è un errore html inserisci la textarea in un input text

[Xinod]

ma se la pagina restituisse letteralmente solo la parte con gli echo stamperebbe il messaggio?

[Urbanus]

questo il form completo

<form  action="#" method="POST" NAME="gpref" id="gpref" >
    <hr>Funzione non attiva<hr>
    <b>Invia la fattura come allegato a questo contatto:</b><br>
Email: <br><input type="text" size="35" maxlength="50" name="emailto" <?php echo "value=\"$rec_email\"";?> /><br>
Oggetto: <br><input type="text" size="35" maxlength="50" name="emailogg" <?php echo "value=\"Invio Fattura $numero_fattura-$anno_fattura\"";?> />
<br>Corpo email:<br>
<textarea name="corpoemail" rows="7" cols="40"></textarea>
<br>
Tipo:<select name="tipo_invio">
    <option value="1" selected>Invio normale</option>
    <option value="2">Sollecito</option>
</select>
        <input type="hidden" name="anno"  <?php echo "value=\"$anno\"";?>  />
        <input type="hidden" name="numero"  <?php echo "value=\"$numero\"";?>  />
        <div class="comandi">
        <input class="blu" type="submit" id="sbe" name="submit" value="Invia email" onClick="return window.confirm('Confermare operazione?');">
        </div></form>
   <div id="risultato"></div>

a me basterebbe che nel div risultato comparisse l' echo della pagina uty/inviaemail.php richimata da Jquery

[Vindav]

non usare un bottone di tipo submit (non stai facendo una submit ma una chiamata ajax), usa un button e leva quell'onclick inline e mettilo all'interno della funzione js.

[Urbanus]

non usare un bottone di tipo submit (non stai facendo una submit ma una chiamata ajax), usa un button e leva quell'onclick inline e mettilo all'interno della funzione js.

ok quindi <button type="button">Invia</button> ma poi una volta che clicco come fa jquery che voglio inviare il form? nel senso prima era submit con submit e col bottone?

[Vindav]

$("#sbe").click(function(){
if(window.confirm('Confermare operazione?')){
 //chiamata ajax
}
});

[Urbanus]

 
$("#sbe").click(function(){
    if(window.confirm('Confermare operazione?')){
        //$("#gpref").submit(function(){
        var datiem=$("#gpref").serialize();
        $.ajax({    type:"POST",
            url: "uty/inviaemail.php",
            data: datiem ,
            dataType: "html",
            success: function(msg){setTimeout(function(){ $("#risultato").html(msg); }, 1000);},
            error: function(msg){setTimeout(function(){ $("#risultato").html(msg); }, 1000);},
            complete: function(msg){setTimeout(function(){ $("#risultato").html(msg); }, 1000);}
});
//});
}
}

così???

sotto il form

<form  action="#" method="POST" NAME="gpref" id="gpref" >
    <hr>Funzione non attiva<hr>
    <b>Invia la fattura come allegato a questo contatto:</b><br>
Email: <br><input type="text" size="35" maxlength="50" name="emailto" <?php echo "value=\"$rec_email\"";?> /><br>
Oggetto: <br><input type="text" size="35" maxlength="50" name="emailogg" <?php echo "value=\"Invio Fattura $numero_fattura-$anno_fattura\"";?> />
<br>Corpo email:<br>
<textarea name="corpoemail" rows="7" cols="40"></textarea>
<br>
Tipo:<select name="tipo_invio">
    <option value="1" selected>Invio normale</option>
    <option value="2">Sollecito</option>
</select>
        <input type="hidden" name="anno_fattura"  <?php echo "value=\"$anno\"";?>  />
        <input type="hidden" name="numero_fattura"  <?php echo "value=\"$numero\"";?>  />
        <div class="comandi">
            <button type="button" id="sbe" >Invia</button>
               </div></form>
<div id="risultato"></div>

non succede nulla, addirittura non succede nulla nemmeno nel php dell' altra pagina... sembra proprio non venga chiamato...

io ho scritto il codice JS così ma se avete altre idee suggerite pure... l' importante è che riesca a visualizzare il risultato nel div

Grassssie ragazzi

[Vindav]

manca una parentesi alla fine, controlla la console del browser per vedere se ci sono errori di sintassi prima di scrivere qui altrimenti non ne usciamo più