Array com Ajax e tabelas

Programação
#1

Boa noite
venho tentando fazer um sistema onde o usuário seleciona um produto e o ajax envia para um método onde os campos nome, valor unitário, quantidade e total são recebidos por post, mas ai vem os problemas, os campos dos dados do cliente após a execução do ajax são apagados e isso não deveria acontecer, e o segundo problema é que travei na hora de criar um array com os dados do produto, como eu salvo eles e depois os apresento na tabela que montei
Ajax

$("#adicionar").click(function()
{
    $.ajax({
        type: 'POST',
        url: '../Model/resultado.php',
        success: function(data)
        {
            $(".table").append(data);
        }
    });
});

Formulario de produtos

<div class="col-xs-12">
    <!-- Nome -->
    <div class="col-xs-3">
        <!-- Legenda -->
        <label for="nomeProduto" class="label label-primary">Nome do Produto</label>

        <!-- Campo -->
        <select class="form-control text-center" name="produto" id="nomeProduto" tabindex="2" title="Nome do Produto" onfocus="completarCamposProdutos();">
            <option value=""></option>
            <?php
                foreach ($produtos as $produto)
                {
                    ?>
                        <!-- Opcoes -->
                        <option
                            value="<?= $produto['id'] ?>"
                            data-preco="<?= $produto["valorVenda"] ?>"
                            data-estoque="<?= $produto['quantidadeAtual'] ?>">
                            <?= $produto['nomeProduto'] ?>
                        </option>
                    <?php
                }
              ?>
        </select>
    </div>

    <!-- Valor Unitario -->
    <div class="col-xs-2">
        <!-- Legenda -->
        <label for="valorUnitario" class="label label-primary">Valor Unitário</label>

        <!-- Campo -->
        <input type="text" name="valorUnitario" id="valorUnitario" class="form-control text-center" readonly="" title="Valor Unitario" placeholder="Valor Unitario">
    </div>

    <!-- Quantidade -->
    <div class="col-xs-2">
        <!-- Legenda -->
        <label for="quantidade" class="label label-primary">Quantidade</label>

        <!-- Campo -->
        <input type="text" name="quantidade" id="quantidade" class="form-control text-center" placeholder="Quantidade" title="Quantidade" tabindex="3">
    </div>

    <!-- Total -->
    <div class="col-xs-2">
        <!-- Legenda -->
        <label for="total" class="label label-primary">Total</label>

        <!-- Campo -->
        <input type="text" name="totalUnitario" id="total" class="form-control text-center" title="Total" placeholder="Total" readonly="">
    </div>

    <!-- Restante estoque -->
    <div class="col-xs-2">
        <!-- Legenda -->
        <label for="estoque" class="label label-primary">Estoque restante</label>

        <!-- Campo -->
        <input type="text" name="estoque" id="estoque" class="form-control text-center" title="Estoque Restante" placeholder="Estoque Restante" readonly="">
    </div>

    <!-- Cadastrar -->
    <div class="col-xs-1">
        <a href="" class="btn btn-success form-control" id="adicionar" tabindex="4">OK</a>
    </div>

    <!-- Carregando ajax -->
    <script language="javascript" src="../Util/JavaScript/AdicionarProdutosEmPedidos.js"></script>
</div>

Método

<?php
    // Requerindo arquivos
    require_once "../Util/Seguranca/ControleAcesso.php";

    // Funcao que protege a logica contra acesso nao autorizado
    ProtegePagina();

    // Recebendo parametros por post
    $nomeProduto = $_POST['produto'];
    $valorUnitario = $_POST['valorUnitario'];
    $quantidade = $_POST['quantidade'];
    $total = $_POST['totalUnitario'];