JSFiddle - React, Tailwind, and code Playground

by gsguma

HTML

<script src="http://malsup.github.com/jquery.form.js"></script>
<form id="form" action="http://gsguma.com.br/testes/teste_jquery_form.php" method="get">
    <input type="text" name="nome" />
    <input type="button" id="botao" value="Enviar" />
</form>

JavaScript

jQuery(function() {
    var btnQualquer = jQuery('#botao');

    btnQualquer.click(function() {
        var form = jQuery('#form');

        form.ajaxSubmit({
            forceSync: true,
            dataType: 'json',
            beforeSubmit: function() {
                console.log("Processando...");
            },
            error: function(xhr) {
                console.log('Erro: ' + xhr.status);
            },
            success: function(data) {
                console.log(data);
            }
        });
    });
});

//No PHP: echo json_encode(array('message'=>uft8_encode('<ul><li>Teste html</li></ul>')));