Il programma non invia i dati richiesti AJAX

MarcoGrazia

Utente Attivo
15 Dic 2009
853
21
28
63
Udine
www.stilisticamente.com
Ciao ragazzi, come da titolo non riesco più a passare in remoto i parametri impostati.
Sto costruendo una semplice applicazione web e per farla ho costruito una semplice pagina di prova che passa dei parametri ad un semplice file remoto sul server costruito in php che ha al suo interno semplicemente var_dump($_POST) giusto per vedere in Firebug se i parametri passati sono arrivati.
Tutto qui!
Eppure non va, Firebug nella sezione NET --> All mi fa vedere in partenza parametri che non ho inserito, cioè il nome del tasto [INVIA] e non quelli che ho inserito nella sezione data: {} e di ritorno in Firebug ho "solo" l'intero file :)
In pratica non va!
Ecco il mio file:
HTML:
<!DOCTYPE html>
    <head>
        <meta charset="utf-8">
        <title>Pagina di prova per passaggio valori</title>
    </head>
    
    <body id="top">
        <h1>Pagina di prova per passaggio valori</h1>
        <form id="dati" method="post" action="prova.php">
            <fieldset><legend> Dati </legend>
                <p><label for="hide3">Nascondi? <input type="checkbox" id="hide3" value="1"></label></p>
                <p><label for="titolo3">Titolo
                <input type="text" id="titolo3" value="Gagliardetto"></label></p>
                <p><label for="didascalia3">Didascalia
                <input type="text" id="didascalia3" value="Prova"></label></p>
                <p><label for="proprietario3">Prorpietario
                <input type="text" id="proprietario3" value="La Qualsiasi"></label></p>
            </fieldset>
            <p><input type="submit" id="save3" name="save3" value="invia"></p>
        </form>
        
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.1.min.js"><\/script>')</script>
        <script type="text/javascript">
            $( "input[name*='save']" ).click( function() {
                var id = $(this).attr( 'id' ),
                    num = id.substr(4, id.length);
                if( $( '#hide' + num ).is(':checked') ) {
                    var check = 1;
                } else {
                    var check = 0;
                }
                
                $.ajax({
                    type: 'POST',
                    url: 'modified.php',
                    data: {
                        id_immagini: num,
                        
                        titolo: $( '#titolo' + num ).val(),
                        visibile: check,
                        didascalia: $( '#didascalia' + num ).val(),
                        proprietario: $( '#proprietario' + num ).val(),
                        
                    },
                    dataType: 'text',
                    error: function( xhr,status,error ) {
                        alert( "error " + error + ' stato: '+ status);
                    },
                    success: function ( data, stato ) {
                        alert( 'successo ' + stato + ' dati ' + data );
                    },
                    statusCode: {
                        404: function() {
                            alert( "page not found" );
                        }
                    }
                });
            });
        </script>
    </body>
</html>
Non so che pesci prendere, a parte quello padulo :evil:
 
Ciao, aggiungi
Codice:
 return false;
alla fine della function click per inibire l'action del form
 

Discussioni simili