[SOLUCIONADO] Ingresar datos a BD con Javascript

[jorgemedina2406]

Buenas amigos, necesito una ayuda, con el ingreso de los datos en una tabla de Mysql, mis archivos son los siguientes:

El controlador: ingresarcaso.php

Código PHP:

<?php
 
class Ingresarcaso extends CI_Controller {
 
    public function __construct() {
        parent::__construct();
        $this->load->model('Ingresarcaso_model');
        $this->load->helper(array('url')); 
        if (!$this->session->userdata('UsuarioJEL') && $this->uri->segment(2) !== 'login' && $this->uri->segment(2) !== 'verificar') {
            redirect('/admin/login');
        }
    }
 
    function index() {
        $data["titulo"] = "Casos";
        $data["categoria"] = "Ingresar Caso";
        $data['dymanic_content'] = 'ingresarcaso';
        //$data['lista_plataforma'] = $this->Ingresarcaso_model->get_plataforma();
        $plataforma           = $this->Ingresarcaso_model->lista_plataforma();
        $estatus              = $this->Ingresarcaso_model->lista_estatus();
 
        $data['plataforma'] = '<option value="">SELECCIONA</option>';
        foreach ($plataforma as $item):
            $data['plataforma'] .= '<option value="' . $item->id_plataforma . '">' . $item->plataforma . '</option>';
        endforeach;
        $data['estatus'] = '<option value="">SELECCIONA</option>';
        foreach ($estatus as $item):
            $data['estatus'] .= '<option value="' . $item->id_estatus . '">' . $item->estatus . '</option>';
        endforeach;
        
                
        $this->load->view('template/index', $data);
 
 
    }
 
    function registrarcaso() {
        $data = array(
            'id_estatus'       => $this->input->post('estatus'),
            'id_plataforma'    => $this->input->post('plataforma'),            
            'nroticket'        => $this->input->post('nroticket'),
            'usuario'          => $this->input->post('usuario'),
            'correo'           => $this->input->post('correo'),
            'fechainicial'     => $this->input->post('fechainicial'),
            'caso'             => (trim($this->input->post('caso')))
            );
        $this->Ingresarcaso_model->registrar_caso($data);
    }
 

El modelo: ingresarcaso_model.php

Código PHP:

<?php
 
class Ingresarcaso_model extends CI_Model {
    public function __construct() {
        parent::__construct();
    }
    
    function lista_plataforma() {
        $query = $this->db->get('plataforma');
        return $query->result();
    }
    
    function registrar_caso($data){
       $query = $this->db->insert('caso',$data);
       $query->result();
    }
 
    function lista_estatus() {
        $query = $this->db->get('estatus');
        return $query->result();
    }
}
 

La vista: ingresarcaso.php

Código PHP:

<div class="alert"></div>
<script> 
    </script>
<div id="portlets">
<script src="<?php echo base_url(); ?>assets/js/highcharts.js"></script>
<script src="<?php echo base_url(); ?>assets/js/modules/exporting.js"></script>
    <script>
        $(document).ready(function() {
            // call the tablesorter plugin 
            $("table").tablesorter({
                debug: true
            });
        });
 
    </script>
 
    <div id="PreguntaTabs">  
        <ul>
            <li><a href="#tabs-1"><b>Ingresar Caso</b></a></li>
            
        </ul>
 
 
        <div>
            <div>  <div id="tabs-1">
                    <form name="registrar_caso" id="registrar_caso" method="post">
                        <table width="1000" border="0">
                            <tr>
                                <td>Plataforma: 
                                    <select name="plataforma" id="plataforma">
                                        <?php echo $plataforma; ?>
                                    </select>
                                </td>
                            </tr>
                            <tr>
                                <td>Estatus:
                                     <select name="esta
                                     tus" id="estatus"> 
                                        <?php echo $estatus; ?>
                                     </select>
                                </td>
                                <td>Usuario:
                                     <input name="usuario" id="usuario" type="text">
                                </td>
                                <td>
                                       <span>Fecha Inicial: </span>
                                            <input name="fechainicial" type="text" id="fechainicial" class="datepicker" />
                                   
                                </td>
                            </tr>
  
                            <tr>
                                <td>Ticket #: 
                                     <input name="nroticket" id="nroticket" type="text" size="15">
                                </td>
                                <td>Correo: 
                                     <input name="correo" id="correo" type="text">
                                </td>
                                
                            </tr>
                        </table>
                        <br>
                        <table width="1000" border="0">
                            <tr>
                                <td>Caso: <br>
                                    <textarea class="casoarea" id="caso" name="caso" cols="102" rows="10">
                                    </textarea>
                                </td>
                            </tr>
                        </table>
                        <br>
                        <center><input id="registro_caso" name="registro_caso" type="button" value="Registrar">  </center>
                    </form>
                       <div class="error"></div>
                </div>
            </div>
             
        </div>
    </div>
 
</div>
<div class="clear"></div>
 

La funcion JS: funciones.js

Código Javascript:

$('#registro_caso').click(function() {
        var plataforma      = $('#plataforma').val();
        var estatus         = $('#estatus').val();
        var nroticket       = $('#nroticket').val();
        var usuario         = $('#usuario').val();
        var correo          = $('#correo').val();
        var fechainicial    = $('#fechainicial').val();
        //var caso            = $('#caso').val();
        $validar_fecha      = $("#fechainicial").val().trim();
        if (plataforma === "") {
            $(".error").css("display", "inline");
            $('.error').text("Seleccione Plataforma.");
            $("#plataforma").select();
        }
        else if (estatus === "") {
            $(".error").css("display", "inline");
            $('.error').text("Seleccione Estatus.");
            return false;
        }
        else if (nroticket === "") {
            $(".error").css("display", "inline");
            $('.error').text("Ingrese Nro de Ticket.");
            return false;
        }
        else if (usuario === "") {
            $(".error").css("display", "inline");
            $('.error').text("Ingrese Nombre de Usuario.");
            return false;
        }
        else if (correo === "") {
            $(".error").css("display", "inline");
            $('.error').text("Ingrese Correo.");
            return false;
        }
        else if (fechainicial === "") {
            $(".error").css("display", "inline");
            $('.error').text("Ingrese la Fecha del Caso.");
            return false;
        }
        else if (caso === "") {
            $(".error").css("display", "inline");
            $('.error').text("Ingrese la descripcion del Caso.");
            return false;
        }
        else {
            $.ajax({
                url: 'ingresarcaso/registrarcaso',
                type: 'post',
                data: {plataforma: plataforma, estatus: estatus, nroticket: nroticket, usuario: usuario, correo: correo, fechainicial: fechainicial},
                success: function(texto) {
 
                    if (texto) {
                        console.log(texto);
                    }
                    else {
                        alert('CASO AGREGADO SASTIFACTORIAMENTE');
                        window.location = 'ingresarcaso/index';
                    }
                }
            });
        }
        
    });
 

La validacion me la hace correctamente, pero luego no hace nada, deria salirme el alert de que se agrego satisfactoriamente el caso y guardarlo en la base de dato, pero no hace nada..

Espero me puedan ayudar..

[abimex]

¿Y está haciendo la inserción?

¿Se está haciendo bien la petición?

¿Te da alguna respuesta el servidor?

[jorgemedina2406]

Gracias por tu respuesta amigo, cuando le doy al boton no hace absolutamente nada, no me muestra nada, lo unico que me muestra es cuando dejo un campo vacio que me dice que debo llenarlo.. Pero a la hora de hace la insercion en la base de dato no hace nada, simnplemente se queda como esta..

[abimex]

El navegador no muestra nada, pero revisa la consola de errores del navegador, tambien revisa la respuesta de tu peticion.

¿Qué navegador usas?

[archisss]

Asegúrate que el controlador de la acciones del insert funcione probando directo la ruta, es decir tu url http://trl/controlador/parámetros y si tu controles funciona entonces prueba cambiando la url del ajax debe de ir completa es decir en tu AJAX debe de quedar algo así

url: <?php echo base_url() ?>'ingresarcaso/registrarcaso',