JSFiddle - React, Tailwind, and code Playground

HTML

<form name="form1" id="form1" method="post" action="ajax_press.asp">
        Titulo:
        <input name="txttitulo" id="txttitulo" type="text" class="form" size="58" value="">
        <p>
        Data:
        <input name="calendario" id="calendario" type="text" class="form" value=""/>
        <p>
        Texto:
        <input name="txttexto" id="txttexto" type="text" class="form" value=""/>
        <p>
        <input type="submit" class="form" name="gravar" id="gravar" value="  Gravar  "  />
</form>

JavaScript

$(document).ready(function(){
    //Não use apenas form, se você tem a ID use-a, é bem mais rápida e está aí para ser usada
    var action = $('#form1').attr('action');
    
    $('#form1').submit(function(){
        //$(this) se refere ao elemento atual, no caso o elemento com id form1
        dados   = $(this).serialize();
        //Veja como fica os dados.
        alert(dados);
        $.ajax({
            type: 'POST',
            url: action,
            data: dados,
            success: function(data){
                alert(data);
            }
        });
        return false;
    });
});