Вопрос:

как найти ошибку в ajax

php mysql ajax bootstrap-modal

210 просмотра

1 ответ

26 Репутация автора

Я использую модальную загрузку для выполнения ввода и обработки данных с помощью ajax, но переделывать ajax всегда ошибка. Принимая во внимание, что данные, которые я отправляю успешно, но должны перезагрузить веб-страницу.

Это мой модал и аякс:

<!-- Basic Examples -->
<div class="row clearfix">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
        <div class="card">
            <div class="header">
                <h3 style="margin-bottom:15px">
                    <b>DAFTAR KATA SARA</b>                 
                </h3>
                <button type="button" name="modal_tambah1" id="modal_tambah2" data-toggle="modal" data-target="#dataModal" class="btn btn-success">
                    TAMBAH
                </button>
            </div>
            <div class="body" id="table_kata_sara">
                <table class="table table-bordered table-striped table-hover js-basic-example dataTable">
                    <thead>
                        <tr>
                            <th>NO</th>
                            <th>Kata Sara</th>                            
                        </tr>
                    </thead>                    
                    <tbody>
                    <?php 

                    $crud   = new Crud();
                    $sql    = "SELECT * FROM tb_kata_sara";
                    $result = $crud->fetchData($sql);
                    $no     = "1";

                    foreach ($result as $value) {

                    ?>
                        <tr>
                            <td><?php echo $no++."."; ?></td>
                            <td><?php echo $value['kata_sara'];?></td>
                        </tr> 
                    <?php } ?>            
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<!-- modal -->
<div id="dataModal" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4>TAMBAH KATA SARA</h4>
            </div>
            <div class="modal-body">
                <form method="POST" id="form_tambah_kata_sara">
                    <div class="form-group">
                        <label>Kata SARA</label>
                        <input type="text" name="kata_sara1" id="kata_sara2" placeholder="Kata SARA" class="form-control" required/>
                    </div>
                    <input type="submit" name="submit_kata_sara1" id="submit_kata_sara2" value="SIMPAN" class="btn btn-success"/>
                    <button type="button" class="btn btn-danger" data-dismiss="modal">BATAL</button>
                </form>
            </div>
            <div class="modal-footer">

            </div>
        </div>            
    </div>    
</div>

<script type="text/javascript">
$(document).ready(function(){

    $('#form_tambah_kata_sara').on('submit', function(){

        var kata_sara = $('#kata_sara2').val();

        $.ajax({
            url:"Kata_sara/tambah_kata_sara.php",
            type:"POST",
            data:"kata_sara="+kata_sara,
            success:function(){
                // $('#table_kata_sara').load("index.php?p=kata_sara");
                console.log("sukses ");
            },
            error:function(){
                // $('#table_kata_sara').load("index.php?p=kata_sara");
                console.log("error ");
            }
        });  

    }); 
}); 
</script>

а это мои проза вставки данных

$kata_sara = $_POST['kata_sara'];
$array_kata_sara = array('kata_sara' => $kata_sara);
$in = $crud->insertDatas("tb_kata_sara", $array_kata_sara);
Автор: Fahruddin Yusuf Habibi Источник Размещён: 12.04.2017 09:07

Ответы (1)


0 плюса

247 Репутация автора

если в вашем php файле есть ошибка, вы можете проверить это

$.ajax({
            url:"Kata_sara/tambah_kata_sara.php",
            type:"POST",
            data:"kata_sara="+kata_sara,
            success:function(data){
                // $('#table_kata_sara').load("index.php?p=kata_sara");
                console.log(data);
            },
        error:function(){
            // $('#table_kata_sara').load("index.php?p=kata_sara");
            console.log("error ");
        }
        });
Автор: Terlan Abdullayev Размещён: 12.04.2017 09:12
Вопросы из категории :
32x32