Открыть Модальное с результатом MySql


ae galera красоты? Я учусь на Разработчика Web и to создавая sisteminha про концерт, при регистрации клиентов и отчетности.

Давайте сомнения. У меня есть страница отчета, и там у меня есть input type="date" внутри формы, что сделает поиск от даты в базе данных:

        <!-- BUSCA CALENDARIO -->        
        <div class="col-sm-offset-4 col-sm-4">
        <!-- Input ao qual foi designado a função para exibir o calendário, que vai ser selecionado com jquery na função abaixo. -->
            <input type="date" id="busca_data" name="busca_data" placeholder="data" class="form-control">
        </div>
        <button class="btn btn-info" id="btn_buscar" type="submit">Buscar</button>

файл, который я посылаю это сообщение является busca_relatorio.php, который имеет этот код:

$id_usuario = $_SESSION['id_usuario'];
$empresa_logada = $_SESSION['empresa']; 
$busca_data = $data = str_replace("/", "-", $_POST['busca_data']);

$objDb = new db();
$link = $objDb->conecta_mysql();

$sql = " SELECT DATE_FORMAT(s.data_relatorio, '%d %b %Y') ";
$sql.= " AS data_relatorio_formatada, s.relatorio, u.usuario FROM relatorios AS s JOIN usuarios AS u ON ";
$sql.= " (s.id_usuario = u.id) WHERE nivel = 3 AND s.empresa = '$empresa_logada' ";
$sql.= " ORDER BY data_relatorio DESC ";


$resultado_id = mysqli_query($link, $sql);

if($resultado_id){

    while ($registro = mysqli_fetch_array($resultado_id, MYSQLI_ASSOC)){            
        $relatorios = $registro;
        echo '<pre>'.$registro['relatorio'].'</pre>';

    }

} else {
    echo 'Erro na consulta de tweets no banco de dados!';
}

Это эхо $запись['отчет'] был тест, который я делаю.

Хорошо, что я я не в состоянии сделать это, чтобы открыть Модальное внутри самой страницы Отчетов, где ну просто, такой результат из базы данных. Я полагаю, что мне нужно сделать это с помощью Ajax, но в моем коде я даже не смог открыть модальное. Там я уже создал функцию после document.ready я могла загрузить этот отчет, но работает только принимая меня, ты с другой страницы.

То, что я сделал через jquery это:

$('#btn_buscar').click( function(){                 
                $.ajax({
                    url:'busca_relatorio.php',
                    method: 'post',
                    data: $('#resultado_busca').serialize(),
                    sucess: function(data){                         
                        $('#resultado_busca').val('');
                    }
                });
            });

Ai в конце моей странице есть div, чтоб показать так:

<div class="panel-body" id="resultado_busca"></div>

, Но только хотел показать этот результат внутри модального. Может ли кто-нибудь помочь мне с этой головной болью? противник

Valeu galera.

Author: Rafael, 2017-08-01

1 answers

Как я понимаю, вы используете Bootstrap, следуя по эту сторону, добавьте следующий код в HTML-страницы, где загружается AJAX:

<div class="modal fade" id="exampleModalLong" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
  <div id="resultado_busca">...</div>
</div>

В успеха вашего Ajax добавьте:

$('#resultado_busca').html(data); // data é o valor printado do lado php
$('#exampleModalLong').modal('show') ; // abre o modal via jquery

Только одно примечание: success-это два C's и два S's

EDIT Эта документации модальное на веб-сайте Bootstrap, стоит взглянуть также: https://v4-alpha.getbootstrap.com/components/modal/

 0
Author: Bruno Folle, 2017-08-02 15:30:49