Visualizzazione dei risultati da 1 a 10 su 10
  1. #1

    Problema nell'invio dei dati di un form ad uno script AJAX

    Ciao

    sono a sottoporvi problema da me riscontrato nell'invio, in modalità post, dei dati di un form ad un file JS, che tramite AJAX li invia ad un file PHP per inserirli nel database.
    So che la cosa si può fare in jquery ma per adesso mi interesserebbe venire a capo della questione così come l'ho postata (e cioè in javascript).

    Il mio problema è che non nel momento in cui clicco sul bottone "inserisci" del form non ottengo la risposta che mi aspetto, quindi, per adesso, la sola verifica dei dati inviati al file php. È proprio una questione da neofiti....

    Di seguito il contenuto del file "insertarea.js":

    function inserisci()

    {


    if (window.XMLHttpRequest)
    {// code for IE7+, Firefox, Chrome, Opera, Safari
    oXHR=new XMLHttpRequest();
    }
    else
    {// code for IE6, IE5
    oXHR=new ActiveXObject("Microsoft.XMLHTTP");
    }

    oXHR.open("POST","engines/engine_inserimento_utenti.php",true);
    oXHR.setRequestHeader("Content-type","application/x-www-form-urlencoded");

    oXHR.onreadystatechange = function (){
    if(oXHR.readyState == 4){
    if (oXHR.status == 200) {
    document.getElementById("risposta").innerHTML=oXHR .responseText;
    }
    }
    };

    var stringa = "nome=" + encodeURIcomponent(document.modulo.nomee.value) + "&cognome="
    + encodeURIComponent(document.modulo.cognome.value) + "&email="
    + encodeURIComponent(document.modulo.email.value) + "&password="
    + encodeURIComponent(document.modulo.password.value) + "&password2="
    + encodeURIComponent(document.modulo.password2.value )+ "";

    oXHR.send(stringa);

    }


    Di seguito il mio form:


    <form class="form_admin" method="post">
    <p class="testo_admin">Inserisci il nuovo nome utente:</p>
    <input type="text" id="nome" class="input_admin" />

    <p class="testo_admin">Inserisci il cognome del nuovo utente:</p>
    <input type="text" id="cognome" class="input_admin" />

    <p class="testo_admin">Inserisci un indirizzo email:</p>
    <input type="text" id="email" class="input_admin" />

    <p class="testo_admin">Inserisci una password per il nuovo utente:</p>
    <input type="password" id="password" class="input_admin" />

    <p class="testo_admin">Ripeti la password:</p>
    <input type="password" id="password2" class="input_admin" />

    <input type="button" value="Inserisci" id="submit" class="bottone_admin" />
    </form>

    <div id="risposta"></div>



    Il file "engine_inserimento_utenti.php" per ora si limita a stampare il contenuto dei campi inviati dal file js.

    echo $_POST["nome"].$_POST["cognome"].$_POST["email"].$_POST["password"].$_POST["password2"];


    Qualcuno sarebbe così gentile da aiutarmi??

    Grazie mille in anticipo per la cortesia!

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Non hai messo il name negli input ma solo id molti browser distinguono i due parametri e occhio al nome nella variabile "stringa" che l'hai scritto con una e di troppo.
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3

    Errore mio ma non funziona lo stesso :(

    Scusa

    errore mio: ho postato la versione sbagliata del form...chiedo umilmente perdono.

    Di seguito quella giusta, ma non funziona lo stesso!! (ho anche corretto l'errore nella stringa)


    <form class="form_admin" method="post">
    <p class="testo_admin">Inserisci il nuovo nome utente:</p>
    <input type="text" id="nome" name="nome" class="input_admin" />

    <p class="testo_admin">Inserisci il cognome del nuovo utente:</p>
    <input type="text" id="cognome" name="cognome" class="input_admin" />

    <p class="testo_admin">Inserisci un indirizzo email:</p>
    <input type="text" id="email" name="email" class="input_admin" />

    <p class="testo_admin">Inserisci una password per il nuovo utente:</p>
    <input type="password" id="password" name="password" class="input_admin" />

    <p class="testo_admin">Ripeti la password:</p>
    <input type="password" id="password2" name="password2" class="input_admin" />

    <input type="button" name="submit" value="Inserisci" onclick="inserisci()" class="bottone_admin" />
    </form>

    <div id="risposta"></div>

  4. #4

    Errore mio ma non funziona lo stesso :(

    Scusa

    errore mio: ho postato la versione sbagliata del form...chiedo umilmente perdono.

    Di seguito quella giusta, ma non funziona lo stesso!! (ho anche corretto l'errore nella stringa)


    <form method="post">
    <p class="testo_admin">Inserisci il nuovo nome utente:</p>
    <input type="text" id="nome" name="nome" />

    <p class="testo_admin">Inserisci il cognome del nuovo utente:</p>
    <input type="text" id="cognome" name="cognome" />

    <p class="testo_admin">Inserisci un indirizzo email:</p>
    <input type="text" id="email" name="email" />

    <p class="testo_admin">Inserisci una password per il nuovo utente:</p>
    <input type="password" id="password" name="password"/>

    <p class="testo_admin">Ripeti la password:</p>
    <input type="password" id="password2" name="password2" />

    <input type="button" name="submit" value="Inserisci" onclick="inserisci()" />
    </form>

    <div id="risposta"></div>

  5. #5
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Prova cosi:
    codice:
    function inserisci()
    
    {
    
    
    if (window.XMLHttpRequest)
    {// code for IE7+, Firefox, Chrome, Opera, Safari
    oXHR=new XMLHttpRequest();
    }
    else
    {// code for IE6, IE5
    oXHR=new ActiveXObject("Microsoft.XMLHTTP");
    }
    
    oXHR.open("POST","engines/engine_inserimento_utenti.php",false);
    oXHR.onreadystatechange = function (){ 
    if(oXHR.readyState == 4){ 
    if (oXHR.status == 200) { 
    document.getElementById("risposta").innerHTML=oXHR.responseText;
    }
    }
    };
    
    var stringa = "nome=" + document.modulo.nome.value + "&cognome=" 
    + document.modulo.cognome.value + "&email=" +document.modulo.email.value + "&password=" 
    + document.modulo.password.value + "&password2=" 
    + document.modulo.password2.value+ "";
    
    oXHR.send(stringa);
    
    }
    se il problema persiste posta un link alla pagina online pubblica (tuosito.xxxx/paginademo.xxxx)
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  6. #6

    Grazie

    Ti ringrazio cavicchiandrea, ma continua a non funzionare....

    Mi sta esplodendo il cervelloi...

  7. #7
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133

    Re: Grazie

    Originariamente inviato da ducadimantova
    Ti ringrazio cavicchiandrea, ma continua a non funzionare....

    Mi sta esplodendo il cervelloi...
    Posta il link alla pagina demo pubblica online
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  8. #8

    Come si fa?

    Come dicevo sono un neofita e non ho ben capito come si fa a pubblicare questo link....

  9. #9
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133

    Re: Come si fa?

    Originariamente inviato da ducadimantova
    Come dicevo sono un neofita e non ho ben capito come si fa a pubblicare questo link....
    Pubblichi (vedi scaricare le pagine sul server) le pagine in questione in un server free (o a pagamento) tuo (esempio tuosito.altervista.org) e qui inserisci il link
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  10. #10

    Capito :)

    Sorry: chissà che mi credevo...hehehe

    http://retailspace.altervista.org/provaajax.html

    Questo è il collegamento: nella chiamata al metodo .open ho rimesso "true", come da copione.
    Per il resto proprio non so....

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.