Necesito ayuda de esta gran comunidad.


Tengo un codigo QR el cual internamente tiene almacenados 100 registros en formato de filas (100 registros hacia abajo).
Y, mediante una pistola lectora de códigos, realizo la lectura e inserto los 100 registros en una tabla en MySQL. Hasta ahí todo funciona bien.

Codigo QR:
[![Codigo QR con la lista de 1os 100 registros][1]][1]


A continuación, especifico cómo realizo el proceso:

1. La lectura se realiza mediante el siguiente código HTML (input):
Nota: El input tiene activada la funcion onchange para que ejecute la funcion llamada valida_codigo_barra();
```
    <div class="input-group form-group-sm">
     <span class="input-group-addon">
      <i class="fa fa-star" id="stylocss" aria-hidden="true"></i>
     </span>
     <input type="text" class="form-control" placeholder="ESCANEAR CODIGO DE BARRA / QR" title="ESCANEAR CODIGO DE BARRA / QR" name="codigo_barra" id="codigo_barra" autocomplete="off" onchange="valida_codigo_barra();">
    </div>
```
2. Funcion valida_codigo_barra();
Nota: esta función llama a un archivo PHP el cual se encarga de realizar el insert masivo
```
    function valida_codigo_barra() {
     var proveedor = document.getElementById("proveedor");
     var proveedor_value = proveedor.value;
     var codigo = document.getElementById("codigo_barra").value;
    
     if (proveedor_value === "" || proveedor_value === undefined) {
      BootstrapDialog.show({
        type: BootstrapDialog.TYPE_DANGER, 
    	title: 'CARGA DE DISPOSITIVOS TAG',
    	message: 'PARA CONTINUAR, DEBE SELECCIONAR UN <b>PROVEEDOR</b>.<br />LUEGO, DEBE VOLVER A ESCANEAR EL CODIGO.'
      });
      $('#proveedor').focus();
      $('#codigo_barra').val('');
      $('#valida_proveedor').show('slow');
     } else {
      var incremento = 0;
      $.ajax({
        type:'POST',
    	url: "../intranet/mantenedor/escaneo_articulo.php",
    	data: "codigo="+codigo+"&proveedor="+proveedor_value,
    	dataType: 'html',
    	beforeSend: function() {
    	  limpia_input();
    	},
    	error: function() {
    	  BootstrapDialog.alert('Ha ocurrido un error interno');
    	},
    	success: function(data) {
    	  incremento++;
    	  if (data === 1) {
            BootstrapDialog.alert('Registro almacenado correctamente.');
    	  }
    	}
      });
      // alert(incremento);
     }
    }
```
3. Archivo escaneo_articulo.php
Nota: este archivo es invocado desde AJAX y se ejecuta correctamente realizando los 100 insert a la tabla en MySQL.
```
    <?php
    	/* *** CONEXION AL MOTOR DE BD *** */
    	include('../../datos/conexion.php');
    	$conn = conectar_principal();
    	
    	/* *** VARIABLE METODO POST *** */
    	// $salida="";
    	// sleep(1);
    	$codigo = $_POST['codigo'] . ",";
    	$proveedor = $_POST['proveedor'];
    
        $query_values = "
    		INSERT INTO core_rec_tag (
    			PRO_ID,
    			EST_ID,
    			BOL_ID,
    			TAG_CODIGO_BARRA,
    			TAG_ESTADO,
    			TAG_ESTADO_TXT,
    			TAG_FEC_CREACION
    		)
    		VALUES (
    			$proveedor,
    			1,
    			1,
    			'$codigo',
    			'Y',
    			'activo',
    			NOW()
    		);
    	";
    	$ejecucion = mysqli_query($conn, $query_values);
    
        $salida="";
    	$incremental = 0;
    	if ($ejecucion)
    	{
    		$incremental++;
    	}
    	$salida = $incremental;
    
    	echo $salida;
    ?>
```
4. Registros en tabla MySQL
Nota: Aquí es donde tengo el problema junto con la estrategia que se usa en el codigo AJAX.

[![Vista con los registros almacenados en la tabla de MySQL][2]][2]


  [1]: https://i.sstatic.net/UIgUW.png
  [2]: https://i.sstatic.net/k8D0T.png

5. Problema:
Cuando se hace el focus() al input y tomo la pistola lectora de códigos de barras, se escanea el codigo QR, pero al hacer el insert masivo, cada registro se comienza a unir hacia el lado (como se observa en la imagen anterior).
Creo que la estrategia que estoy implementando en el codigo AJAX no es la correcta.

Agradeceré cualquier ayuda que me puedan brindar.
Leeré todos los comentarios.

Muchas gracias.