form jquery ajax

[francescocorr]

Salve a tutti, volevo chiedervi un consiglio su come risolvere una situazione abbastanza noiosa per me.

Ho da inviare un form, avevo visto uno script in ajax, l'ho preso modificato a mio piaceree poi ho aggiunto allo script originale un campo di tipo file.

Purtroppo dopo prove e riprove ho letto su questo forum che non è possibile inviare i dati e le immagini o allegati dallo stesso form con ajax.

Mi chiedevo qualcuno sa suggerirmi una soluzione?
é possibile avere un effetto ajax con jquery? Nel senso avere un effetto dissolvenza del form e quindi presentazione di una pagina con il riepilogo in qualche altro modo?

Grazie

[br1]

Per la prima domanda ci sono gia' innumerevoli discussioni in questo forum sull'argomento, per la seconda parte ti modifico il titolo... se chiarisci meglio l'effetto che cerchi, perche' "effetto ajax" non ha significato

[cavicchiandrea]

Originariamente inviato da francescocorr
Salve a tutti, volevo chiedervi un consiglio su come risolvere una situazione abbastanza noiosa per me.

Ho da inviare un form, avevo visto uno script in ajax, l'ho preso modificato a mio piaceree poi ho aggiunto allo script originale un campo di tipo file.

Purtroppo dopo prove e riprove ho letto su questo forum che non è possibile inviare i dati e le immagini o allegati dallo stesso form con ajax.

leggi qui

Mi chiedevo qualcuno sa suggerirmi una soluzione?
é possibile avere un effetto ajax con jquery? Nel senso avere un effetto dissolvenza del form e quindi presentazione di una pagina con il riepilogo in qualche altro modo?

Grazie

Si usando fadeIn/fadeOut di jquery

[francescocorr]

Grazie per le risposte.

Allora stavo guardando il link che mi hai mandato e diciamo che della discussione sono riuscito a tirar fuori questo. Creo un nuovo formdata e poi invio il tutto alla pagina che processa i dati.

Form html

<form id="form1">    
    <input id="Text" name="Text" type="text" /> 

    <input id="File" name="File" type="file" /> 

    <input id="uploadBtn" type="button" value="Ajax" onClick="AjaxSubmit();"></input>
</form>

<script type="text/javascript">

    function AjaxSubmit() {
        var Text = document.getElementById("Text").value;
        var File = document.getElementById("File").files[0];
        var formdata = new FormData();
        formdata.append("Text", Text);
        formdata.append("File", File);
        var xhr = new XMLHttpRequest();       
        xhr.open("POST","FileUploader", true);
        xhr.send(formdata);
        };                    
    }   

</script>

Qualcosa del genere?
Inoltre come si recuperano questi dati?
Grazie

[cavicchiandrea]

Mai usato, se non l'hai capito dai link forniti da Carlo usa google per approfondire