Skip to main content
3 de 3
se añadieron 692 caracteres en el cuerpo

Jquery.Ajax no funciona en Chrome, pero si funciona en Firefox

Estoy usando un metodo que carga informacion de una base de datos en un combobox, péro lo que se muestra depende de la seleccion previa en otro combobox... Un combobox dinamico.

Sucede que funciona perfectamente en Mozilla Firefox (v.54.0) pero no funciona en Chrome (v.59.0). Probé con versiones distintas de Jquery y no se soluciona.

Dejo el codigo js y la implementacion. Cabe mencionar que estoy usando Laravel 5.4.

JS

function loadContent(url, destino, qs) {
var spinner = "Cargando...";
var destino = jQuery('#' + destino);

destino.html(spinner);

jQuery.ajax({
    type: "get",
    url: url,
    dataType: 'html',
    data: qs,
    timeout: 30000,
    error: function (xhr, ts, et) {
        alert("Error al cargar la pagina"+"et="+et);
        destino.html('');
    },
    success: function (data, ts) {
        window.setTimeout(function () {
            destino.html('');
            destino.html(data);
        }, 500);
    }
});
}

PHP.

<select name="empresa_id" id='empresa_id' class='form-control'>
<option value="">Seleccione una opcion</option>
@foreach($empresa as $emp)
<option value="{{$emp->id}}" onclick="loadContent('<?php echo route('getsuc', $emp->id)?>', 'sucursal')">{{$emp->nombre}}</option>
@endforeach
</select>
<select name="empresa_id" id='sucursal' class='form-control'>
<option value=''>Seleccione una Empresa</option>
</select>

<script type="text/javascript" src="{{asset('js/jquery-3.2.1.js')}}">
</script>
<script type="text/javascript" src="{{asset('js/load_content.js')}}">
</script>

Respuesta a Gerardo Rosciano

<select name="empresa_id" id='empresa_id' class='form-control' onchange="loadContent('<?php echo route('getsuc', this.value)?>', 'sucursal')">
<option value="">Seleccione una opcion</option>
@foreach($empresa as $emp)
<option value="{{$emp->id}}">{{$emp->nombre}}</option>
@endforeach
</select>
<select name="sucursal_id" id='sucursal' class='form-control'>
<option value=''>Seleccione una Empresa</option>
</select>

<script type="text/javascript" src="{{asset('js/jquery-3.2.1.js')}}">
</script>
<script type="text/javascript" src="{{asset('js/load_content.js')}}">
</script>