JSFiddle - React, Tailwind, and code Playground

by Rodrigo Portillo

HTML

<div class="modal fade" id="modalLancarFatura" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">

        <h4 class="modal-title" id="myModalLabel">Lançar Fatura</h4>
      </div>
      <div class="modal-body">
        <form role="form" id="petecaForm" action="site.php">

          <input type="hidden" name="id" id="id" value="" />

          <input type="hidden" name="idcredenciado" id="idcredenciado" />

          <input type="hidden" name="idcusto" id="idcusto" />

          <div class="form-group">
            <label for="nome">Protocolo</label>
            <input class="form-control" required id="codigo" name="codigo" value="">
          </div>

          <div class="form-group">
            <label for="nome">OSE</label>
            <input class="form-control" required id="searchOSE" name="searchOSE" value="">
          </div>

          <div class="form-group">
            <label for="contrato">Contrato</label>
            <select id="contrato" required name="contrato" class="form-control">
              <option>1</option>
            </select>
          </div>

          <div class="form-group">
            <label for="centroDeCusto">Centro de Custo</label>
            <input class="form-control" required id="centroDeCusto" name="centroDeCusto" value="">
          </div>

          <div class="form-group">
            <label for="classificacaofatura">Classificação</label>
            <select id="classificacaofatura" name="classificacaofatura" class="form-control">
              <option value="0"></option>
              <option value="1">SADT</option>
              <option value="2">Hospitalar</option>
              <option value="3">Honorários</option>
              <option value="4">Homecare</option>
            </select>
          </div>

          <div class="row">

            <div class="form-group col-md-6">
              <label...

JavaScript

$("#petecaForm").submit(function(e) {
    e.preventDefault();
    
    var form = $(this);
    var url = form.attr('action');
    console.log(url);
    console.log(form.serialize());
    $.ajax({
           type: "POST",
           url: url,
           data: form.serialize(), 
           success: function(data)
           {
              console.log(data);
           },
           error: function(data){
           		console.log("não pegou nada");
           }
         });

});