Criar array através de inputs com mesma classe

[AnthraxisBR 56]

Bom, estou tentando otimizar alguns scripts acerca de formulários, pra isso tive a ideia de colocar todos os inputs com mesma classe (input_fields), e definir um data-attr com o nome do campo, e com esses dados montar uma array com os dados do formulário através de um .each pela classe.

 

Fiz o seguinte:

Parte do formulário:

<div class="row">
	<div class="col-md-12">
    	<div class="form-group col-md-6">
        	<label class="control-label">
            	Razão social <span class="symbol required"></span>
            </label> 
            <input type="text" placeholder="Razao social" class="form-control razao_social input_field" data-field='razao_social' id="razao_social" name="razao_social">
        </div>
        <div class="form-group col-md-6">
        	<label class="control-label">
        		Código interno <span class="symbol required"></span>
        	</label> 
        	<input type="text" placeholder="Código interno" class="form-control codigo_interno input_field" data-field='codigo_interno' id="codigo_interno" name="codigo_interno">
        </div>
    </div>
</div>

E quando clico no botão para salvar o formulário chamo isso:

 

var fields = [];
$(".input_field").each(function () {
	fields[$(this).data("field")] = $(this).val();
});

 

Eu acreditava que isso me devolveria algo como:

 

field[condigo_interno] = 'codigo 1';

field['razao_social] = 'razao 1';

 

ou:

 

Array {

     "codigo_interno" = "codigo",

     "razao_social" = "empresa"

}

 

Com isso, eu poderia passar só uma array via post para o php.

 

Porém, não faz isso, já testei de N maneiras diferentes, não sei mais o que pesquisar, se alguém souber como fazer isso, ou souber onde eu pesquiso algo relacionado agradeço.

 

PS: Não posso usar form verdadeiro html, eu sei que com o submit() eu consigo unir os valores do respectivo form em um array, mas não posso dar submit no form, precisa realmente ser em um evento click e pegar os valores individuais de cada input via classe.
 

[israelpereira96 5]

jQuery('.input_field').map(function(){return {[jQuery(this).attr('data-field')] : jQuery(this).val()}})

[AnthraxisBR 56]

56 minutos atrás, israelpereira96 disse:

jQuery('input').map(function(){return {[jQuery(this).attr('name')] : jQuery(this).val()}})

 

Opa, isso me retorna uma array sim, mas não é como eu preciso, ela retorna somente de um campo, eu preciso que esse loop passe pelo each ligando a classe 'input_field', pois eu não posso pegar pelo name nem pelo ID ja que 'todos os inputs do sistema passam por essa validação.

[israelpereira96 5]

jQuery('.input_field').map(function(){return {[jQuery(this).attr('data-field')] : jQuery(this).val()}})