Skip to main content

¿Cómo crear un json con jquery?

Hola compañeros el caso es que necesito crear un json desde jquery para después enviarlo al servidor. Tengo este formulario con los siguientes datos de código:

function guardarDesripcion(ruta) {
  let codi = document.getElementById('codigo').value;
  let descrip = document.getElementById('descripcion').value;
  let unidadMedida= document.getElementById('unidadMedida').value;
  let cantidad = document.getElementById('cantidad').value;
  let valorUnitario = document.getElementById('valorUnitario').value;
 
  
  let json = {
    codigo: codi,
    descripcion: descrip,
    unidadMedida: unidadMedida,
    cantidad: cantidad,
    valorUnitario: valorUnitario,
  }

  console.log(json.descripcion);
  
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="form-row">
            <div class="col-md-1 mb-3">
                <label for="codigo" class="titulos">Codigo <span class="tags">@FAZ02</span></label>
                <input type="text" class="form-control" name="codigo" id="codigo"  required>
            </div>
            <div class="col-md-4 mb-3">
                    <label for="descripcion" class="titulos">Descripcion <span class="tags"> @FAZ10</span></label>
                    <input type="text" class="form-control" name="descripcion" id="descripcion" required>
            </div>
            <div class="col-md-2 mb-3">
                    <label for="unidadMedida" class="titulos">Unidad de Medida <span class="tags">@FAV05</span></label>
                    <input type="text" class="form-control" name="unidadMedida" id="unidadMedida" required>
            </div>
            <div class="col-md-2 mb-3">
                    <label for="cantidad" class="titulos">Cantidad <span class="tags">@FBB04</span></label>
                    <input type="number" class="form-control" name="cantidad" id="cantidad" required>
            </div>
            <div class="col-md-2 mb-3">
                    <label for="valorUnitario" class="titulos">Valor Unitario <span class="tags">@FBB02</span></label>
                    <input type="number" class="form-control" id="valorUnitario" name="valorUnitario" required>
            </div>
            
        </div>
                <input type="submit" value="Guardar" class="btn btn-success addDescrip" onclick="guardarDesripcion()">

Necesito almacenar varios objetos pueden ser 1 2 o 3 o n descripciones como hago ara concatenar eso en el json muchas gracias