Невозможно получить данные из таблицы, используя AJAX и codeigniter

Question

Я создаю HRM + CRM (Управление персоналом и управление взаимоотношениями с клиентами).Теперь я застрял в ошибке.Я хочу сгенерировать Счет для каждого клиента, но не могу решить эту проблему.Пожалуйста, помогите мне и спасибо заранее.

Просмотр - контроллер (Admin / gstInvoice)

<div class="row">
                <form id="myform" method="POST" action="">
                    <div class="col-lg-6">
                        <select id="select" class="form-control">
                            <option value="No Data">-- Select Client --</option>
                            <?php foreach ($client as $clientx): ?>
                                <option id="<?= $clientx->cid; ?>" name="<?= $clientx->client_name; ?>"><?= $clientx->client_name; ?></option>
                            <?php endforeach; ?>
                        </select>
                    </div>
                    <div class="col-lg-6">
                        <input type="button" class="submit btn btn-success" id="submit" name="Submit" Value="Submit"/>
                    </div>
                </form>
            </div>
            <div id="result"></div>
            <script>
                $(document).ready(function(){
                $('#submit').click(function(event){
                    event.preventDefault();
                    $.ajax({
                        url : "Invoice/invoiceData",
                        method : 'POST',
                        datatype:'html',
                        success:function(Result){
                            $('#result').html(Result)
                        }
                    })
                })
            })
            </script>

Теперь я хочу, когда я выбираю клиента и нажимаю Отправитьон загружает все старые счета-фактуры, а также показывает кнопку для создания нового счета-фактуры.

Я использовал код php для создания зарплаты каждого сотрудника, и теперь я хочу получать данные для каждой таблицы счетов-фактур безОбновление страницы

То, что я хочу, вы можете понять с помощью следующих изображений.

Я хочу запустить сценарий Ajax для извлечения данных из базы данных и отображения на той же странице без перезагрузки страницы.

Моя таблица зарплат для каждого сотрудника

После нажатия на любого сотрудника - все зарплатные квитанции

пожалуйста, помогите мне.

Answer 1

<div class="row">
    <form id="myform" method="POST" action="">
        <div class="col-lg-6">
            <select id="select" name="client" class="form-control">
                <option value="No Data">-- Select Client --</option>
                <?php foreach ($client as $clientx): ?>
                    <option value="<?= $clientx->cid; ?>" id="<?= $clientx->cid; ?>" name="<?= $clientx->client_name; ?>"><?= $clientx->client_name; ?></option>
                <?php endforeach; ?>
            </select>
        </div>
        <div class="col-lg-6">
            <input type="button" class="submit btn btn-success" id="submit" name="Submit" Value="Submit"/>
        </div>
    </form>
</div>
<div id="result"></div>
<script>
    $(document).ready(function(){
    $('#submit').click(function(event){
        event.preventDefault();
        $.ajax({
            url : "<?= base_url('Invoice/invoiceData') ?>",
            data: $('#myform').serialize(),
            method : 'POST',
            dataType:'html',
            success:function(Result){
                $('#result').html(Result)
            }
        })
    })
})
</script>

<!-- Controller -->
<?php
public function invoiceData() { 
    $client = $this->input->post('client'); 
    $this->view->load('Admin/sample',$client, TRUE); 
}

Отредактировал форму ввода и контроллер, пожалуйста, проверьте.

Answer 2

Вы не отправляете данные формы с помощью запроса ajax.Используйте $('#myform').serialize() для отправки данных

Также вы не присваиваете атрибут имени для <select> тега

Используйте <select id="select" class="form-control" name="client">

Делайте так

$(document).ready(function(){
   $('#submit').click(function(event){
       event.preventDefault();
       $.ajax({
          url : "<?= base_url('Invoice/invoiceData') ?>",
          method : 'POST',
          data: $('#myform').serialize(),
          dataType:'html',
          success:function(Result){
              $('#result').html(Result)
           }
       });
     });
   });

Контроллер

Затем в функции контроллера получите данные формы, подобные этим

$client = $this-input->post('client');