JSFiddle - React, Tailwind, and code Playground

by stuttufu

HTML

<html>
    <head>
        <!-- JQUERY TI SALVERA LA VITA, E' UNA LIBRERIA FACILE X SCRIVERE JS -->
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
        <!-- IL TUO CODICE -->
        <script src="js/scripts.js"></script>
    </head>
    <body>
    
        <form id="upload" action="uploader.php" method="post" enctype="multipart/form-data">
            <label for="file">Filename:</label>
            <input type="file" name="file" id="file"><br>
            <input type="submit" name="submit" value="Submit">
        </form>
        
    </body>
</html>

JavaScript

/* IO SONO IL FILE js/scripts.js, CIAO! */
console.log('sono stato caricato! :) ');

// dice "quando la pagina è caricata, è necessario
$(document).ready(function(){
    // questo è un selettore sulla form di id = upload, guarda html
    // quando #upload viene spedita
    $('#upload').submit(function(e){
        // fermati
        console.log('click');
        e.preventDefault();
        // e invece manda questa richiesta, che è la stessa
        $.post($(this).attr('action'), $(this).serialize(), function(json) {
            // e incollami in console la risposta
            
            /* MODIFICHE */
            //console.log(json);
            console.log('ricevuto');
             if(json.status === true){
                 console.log('tutto ok');
                var csv = $.parseJSON(json.data);
                console.log(csv);
            }else{
                console.log('error');
                alert(json.error);
            }
            
            /* FINE MODIFICHE */
            
            
        }, 'json');
        return false;
  });
});